add test cases

Signed-off-by: Ndongwei <dongwei@kaihongdigi.com>

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

@@ -151,6 +151,26 @@
   padding-end: 10px;
 }
 
+#dataPropB {
+  flex-weight: 1;
+  background-color:#0ff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataPropBNone {
+  flex-weight: 1;
+  background-color:#00d000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
 #dataProp {
   flex-weight: 1;
   background-color:#0ff000;
@@ -344,4 +364,58 @@
 .specific-container{
   flex-direction: column;
   flex-weight: 1;
+}
+
+#showFor1 {
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showFor2 {
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showIf {
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfTrue {
+  background-color:black;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfFalse {
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElse {
+  background-color:yellow;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
 }
\ No newline at end of file

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

@@ -79,6 +79,16 @@
              focusable="">
         </select>
 
+        <text class="sub-title">
+            通用属性 -- data
+        </text>
+        <select id="dataPropB"
+               data-input="通用属性 -- data">
+        </select>
+        <select id="dataPropBNone"
+               data-input="">
+        </select>
+
         <text class="sub-title">
             通用属性 -- data-*
         </text>
@@ -161,5 +171,23 @@
         <text class="title">
             select特有属性
         </text>
+
+        <text class="sub-title">
+            特有属性 -- tid
+        </text>
+        <select for="{{array}}" tid="id" style="color: #679855; margin: 1px;"
+               id="showFor{{$item.id}}" value="{{$item.name }}">
+        </select>
+        <text class="sub-title">
+            特有属性 -- if elif
+        </text>
+        <select if="false" id="showIf">
+        </select>
+        <select elif="false" id="showElseIfTrue">
+        </select>
+        <select elif="true" id="showElseIfFalse">
+        </select>
+        <select else id="showElse">
+        </select>
     </div>
 </div>

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

@@ -17,6 +17,10 @@ import prompt from '@system.prompt';
 
 export default {
     data:{
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
         listOne:[{}],
         listThree:[{},{},{}],
         idProp : null,

ace/ace_standard/src/main/js/default/pages/select/router/index.hml

@@ -106,6 +106,19 @@
             </text>
             <select style="color: #679855; margin: 5px;" class="prop3" id="prop3">
             </select>
+            <text  class="sub-title">
+                select特有属性1
+            </text>
+            <select if="false" class="prop2" ref ="prop2" style="background-color: rebeccapurple;">
+            </select>
+            <select elif="true" class="prop2" ref ="prop2" style="background-color: black;">
+            </select>
+            <select elif="false" class="prop2" ref ="prop2" style="background-color: blue;">
+            </select>
+            <select else class="prop2" ref ="prop2" style="background-color: yellow;">
+            </select>
+            <select for="{{array}}" tid="id" style="color: #679855; margin: 1px;" class="prop3">
+            </select>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
         </div>
@@ -134,13 +147,14 @@
                  ondragstart="dragStart" ondrag="drag"
                  ondragend="dragEnd" ondragenter="dragEnter"
                  ondragover="dragOver" ondragleave="dragLeave"
-                 ondrop="drop">
+                 ondrop="drop" >
             </select>
             <text  class="sub-title">
                 select特有事件1
             </text>
             <select class ="event4"
-                   onchange="change">
+                   onchange="change"
+                    onaccessibility="accessibility">
             </select>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">

ace/ace_standard/src/main/js/default/pages/select/router/index.js

@@ -84,6 +84,12 @@ var frames = [
 ];
 
 export default {
+    data: {
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
+    },
 
     onShow(){
         // 通用属性
@@ -449,5 +455,11 @@ export default {
         prompt.showToast({
             message: JSON.stringify(event)
         });
+    },
+
+    accessibility(event){
+        prompt.showToast({
+            message: JSON.stringify(event)
+        });
     }
 }

ace/ace_standard/src/main/js/default/pages/select/style/index.css

@@ -340,6 +340,7 @@
   background-size:10% 20%;
   background-repeat: repeat;
   background-position: 30% 40%;
+  mask-image:linear-gradient(pink,#fff000);
 }
 
 #styleThirtyTwo{
@@ -382,3 +383,113 @@
   color:black
 }
 
+#addOne{
+  width: 10%;
+  height: 20px;
+  background-image:url('common/images/image.png');
+  background-size:cover;
+  align-self:stretch;
+  position:fixed;
+  transform: none;
+  animation-timing-function:cubic-bezier(0.4, 0.0, 0.4, 1.0);
+  shared-transition-effect:static;
+  shared-transition-name:ani;
+  shared-transition-timing-function:friction;
+  transition-enter:ani;
+  transition-exit: ani;
+  transition-duration:10;
+  transition-timing-function:friction;
+  clip-path:border-box;
+  display-index:1;
+  filter:blur(10px);
+  backdrop-filter:blur(10px);
+  window-filter:blur(10%);
+}
+
+#addTwo{
+  width: 100px;
+  height: 15px;
+  background-image:url('common/images/image.png');
+  background-size:auto;
+  position:relative;
+  transform: matrix(0.5,0.1,0.2,0.9,20,10);
+  animation-timing-function:steps(4);
+  shared-transition-effect:exchange;
+  clip-path:padding-box;
+}
+
+#addThree{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: matrix3d(1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2);
+  clip-path:content-box;
+}
+
+#addFour{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translate3d(1px,2px,1px) scale3d(1,2,1) rotate3d(10,10,10,10deg) skew(1deg,2deg) perspective(10px);
+  clip-path:circle(1);
+}
+
+#addFive{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translateY(1px) translateZ(10px)
+  scale(1,2) scaleZ(0.4)
+  rotateX(10deg) rotateY(10deg) rotateZ(10deg)
+  skewX(1deg) skewY(2deg);
+  clip-path:ellipse(1);
+}
+
+#addSix{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: scaleX(1) scaleY(0.4);
+  clip-path:ellipse(1)
+}
+
+#addSeven{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  clip-path:path(1);
+  aspect-ratio:2;
+}
+
+#addSeven:disabled{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:active{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:focus{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+  radius: 100px;
+}
+
+@font-face {
+  font-family: SimSunfont;
+  src: url('/common/simsun.ttf');
+}
+
+@media (device-type: tv) {
+  .addSeven {
+    width: 500px;
+    height: 500px;
+    background-color: #fa8072;
+  }
+}
+

ace/ace_standard/src/main/js/default/pages/select/style/index.hml

@@ -133,6 +133,26 @@
             <option value="2">2</option>
         </select>
 
+        <div style="width: 100%;flex-weight: 1;overflow: scroll;flex-direction: column;">
+            <text class="sub-title">
+                补充样式
+            </text>
+            <select id="addOne">
+            </select>
+            <select id="addTwo">
+            </select>
+            <select id="addThree">
+            </select>
+            <select id="addFour">
+            </select>
+            <select id="addFive">
+            </select>
+            <select id="addSix">
+            </select>
+            <select id="addSeven">
+            </select>
+        </div>
+
     </div>
 </div>