diff --git a/ace/ace_standard/Test.json b/ace/ace_standard/Test.json index f0b72b181f98dfa7f16b9d59d2e695de3d24dbd7..004ab0ff63bacee05cb09cc74c67d298ac263e53 100755 --- a/ace/ace_standard/Test.json +++ b/ace/ace_standard/Test.json @@ -2,9 +2,9 @@ "description": "Configuration for aceceshi Tests", "driver": { "type": "JSUnitTest", - "test-timeout": "80000", + "test-timeout": "100000", "package": "com.example.aceceshi", - "shell-timeout": "80000" + "shell-timeout": "100000" }, "kits": [ { diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json index 9f5bd3de29023d3ad3e42b0631039548d9e76925..6a1f981c048cd73522f0c1a46fc26efe99626883 100755 --- a/ace/ace_standard/src/main/config.json +++ b/ace/ace_standard/src/main/config.json @@ -65,7 +65,16 @@ "pages/toolbar/index", "pages/textarea/index", "pages/menu/index", - "pages/search/index" + "pages/span/index", + "pages/switch/index", + "pages/toggle/index", + "pages/option/index", + "pages/picker/index", + "pages/pickerView/index", + "pages/piece/index", + "pages/progress/index", + "pages/qrcode/index", + "pages/select/index" ], "name": "default", "window": { diff --git a/ace/ace_standard/src/main/js/default/pages/option/index.css b/ace/ace_standard/src/main/js/default/pages/option/index.css new file mode 100644 index 0000000000000000000000000000000000000000..83e590100d7ee5a691e2b80e63f442fe09835c5d --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/option/index.css @@ -0,0 +1,80 @@ + +.container { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.title-text { + margin: 20px; +} +.menu-option1 { + color:red; + font-size:40px; + allow-scale:true; + letter-spacing:5px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 100px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + text-decoration: line-through; +} +.menu-option2 { + color:pink; + font-size:30px; + allow-scale:true; + letter-spacing:5px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + text-decoration: underline; +} +.menu-option3 { + color:cadetblue; + font-size:20px; + allow-scale:true; + letter-spacing:5px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + text-decoration: none; +} +.select-option1 { + color:red; + font-size:40px; + allow-scale:true; + letter-spacing:5px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + text-decoration: line-through; +} + +.select-option2 { + color:yellow; + font-size:40px; + allow-scale:true; + letter-spacing:5px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + text-decoration: underline; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/option/index.hml b/ace/ace_standard/src/main/js/default/pages/option/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..8de807e358d6906ad70e916b9aa922c37245a8e7 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/option/index.hml @@ -0,0 +1,20 @@ +
+ Click show popup menu1. + + + + + + Select Option + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/option/index.js b/ace/ace_standard/src/main/js/default/pages/option/index.js new file mode 100644 index 0000000000000000000000000000000000000000..28718fd1a2122627b601130fa7175e915d15ef05 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/option/index.js @@ -0,0 +1,34 @@ +/** + * 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: { + testArray:['item1', 'item2', 'item3'] + }, + onMenuSelected(e) { + prompt.showToast({ + message: e.value + }) + }, + onTextClick() { + this.$element("apiMenu").show({x:280,y:120}); + }, + changeFruit(e) { + prompt.showToast({ + message: e.newValue + }) + } +} diff --git a/ace/ace_standard/src/main/js/default/pages/picker/index.css b/ace/ace_standard/src/main/js/default/pages/picker/index.css new file mode 100644 index 0000000000000000000000000000000000000000..fc2ec14e547153b8baaf7017a65f79bc4ac4fc80 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/index.css @@ -0,0 +1,67 @@ +.container { + flex-direction: column; + justify-content: center; + align-items: center; +} +picker{ + width:60%; + height:80px; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 100px; + margin: 10px; + padding: 20px; + border-radius:20px; + text-color:white; + font-size:15px; + margin-left:20%; + background-color: pink; +} +select{ + background-color: #efecec; + height: 50px; + width: 60%; + margin-left: 20%; + margin-top: 30px; + margin-bottom: 50px; + font-size: 22px; +} +#picker0{ + text-color: plum; + font-size: 30px; + allow-scale: true; + letter-spacing: 2px; + text-decoration: underline; + font-style: normal; + font-family: sans-serif; + line-height: 30px; + column-height: 300px; + background-color:#4747e3; + border: 3px dotted brown; +} +#picker1{ + text-color: pink; + font-size: 30px; + allow-scale: true; + letter-spacing: 5px; + text-decoration: line-through; + font-style: normal; + font-family: sans-serif; + line-height: 30px; + column-height: 300px; + border: 3px solid brown; + background-color:deepskyblue; +} +#picker2{ + text-color: gray; + font-size: 20px; + allow-scale: true; + letter-spacing: 10px; + text-decoration: underline; + font-style: normal; + font-family: sans-serif; + line-height: 30px; + column-height: 300px; + background-color: orange; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/picker/index.hml b/ace/ace_standard/src/main/js/default/pages/picker/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..e7aa03846ca6edb0ab6f63864aa63e8c50970181 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/index.hml @@ -0,0 +1,22 @@ + +
+ + + + + + + + + + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/picker/index.js b/ace/ace_standard/src/main/js/default/pages/picker/index.js new file mode 100644 index 0000000000000000000000000000000000000000..4a9c975b22ac481808fe2d7aa2b04c05e81c9936 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/index.js @@ -0,0 +1,80 @@ +/** + * 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: { + selectList:["text","data","time","datetime","multitext"], + rangetext:['15', "20", "25"], + multitext:[["a", "b", "c"], ["e", "f", "g"], ["h", "i"], ["k", "l", "m"]], + textvalue:'default textvalue', + datevalue:'default datevalue', + timevalue:'default timevalue', + datetimevalue:'default datetimevalue', + multitextvalue:'default multitextvalue', + containsecond:true, + multitextselect:[1,2,0], + datetimeselect:'2012-5-6-11-25', + timeselect:'11:22:30', + dateselect:'2021-3-2', + textselect:'2' + }, + selectChange(e){ + for(let i = 0;i + + Selected：{{time}} + + + + \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/index.js b/ace/ace_standard/src/main/js/default/pages/pickerView/index.js new file mode 100644 index 0000000000000000000000000000000000000000..76b95651a2396c22d39cfa829b69b62ee173e772 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/index.js @@ -0,0 +1,41 @@ +/** + * 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. + */ + +export default { + data: { + defaultTime: "", + time: "", + }, + onInit() { + this.defaultTime = this.now(); + }, + handleChange(data) { + this.time = this.concat(data.hour, data.minute); + }, + now() { + const date = new Date(); + const hours = date.getHours(); + const minutes = date.getMinutes(); + return this.concat(hours, minutes); + }, + + fill(value) { + return (value > 9 ? "" : "0") + value; + }, + + concat(hours, minutes) { + return `${this.fill(hours)}:${this.fill(minutes)}`; + }, +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/piece/index.css b/ace/ace_standard/src/main/js/default/pages/piece/index.css new file mode 100644 index 0000000000000000000000000000000000000000..25e51edab04160c06276cd1209b43ed77eccad7e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/piece/index.css @@ -0,0 +1,33 @@ +.container { + width: 100%; + height: 100%; + align-items: center; + justify-content: center; +} +.piece1 { + width: 100px; + height: 50; + margin: 20px; + padding: 5px; + min-width: 60px; + min-height: 40px; + max-width: 200px; + max-height: 80px; + background-color: pink; + border: 3px solid green; + box-shadow :1px 2px 1px 2px #888888; + opacity: 0.8; +} +.piece2 { + width: 100px; + height: 50; + margin: 10px; + min-width: 60px; + min-height: 40px; + max-width: 200px; + max-height: 80px; + background-color: darksalmon; + border: 3px dotted green; + box-shadow :2px 1px 2px 1px #888888; + opacity: 0.5; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/piece/index.hml b/ace/ace_standard/src/main/js/default/pages/piece/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..dab6896ca4ace084042b01009728487d188a9ceb --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/piece/index.hml @@ -0,0 +1,4 @@ +
+ + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/piece/index.js b/ace/ace_standard/src/main/js/default/pages/piece/index.js new file mode 100644 index 0000000000000000000000000000000000000000..4c79b6eff71c13194b029573e0224b3bea8096e2 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/piece/index.js @@ -0,0 +1,24 @@ +/** + * 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. + */ + +export default { + data: { + first: true, + second: true + }, + closeSecond(e) { + this.second = false; + } +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/progress/index.css b/ace/ace_standard/src/main/js/default/pages/progress/index.css new file mode 100644 index 0000000000000000000000000000000000000000..fa6decbf08ca088ee77383e9e357abce1a47bb7e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/index.css @@ -0,0 +1,39 @@ +.container { + flex-direction: column; +/* height: 100%;*/ + width: 100%; + align-items: center; +} +.min-progress { + width: 250px; + height: 250px; +} +.progress2{ + color:red; + secondary-color:red; + scale-width:20; + scale-number:60; + +} + +.progress4{ + color: red; + stroke-width:10px; + secondary-color:red +} +.arc1{ + color:red; + stroke-width:30px; +} +.arc2{ + color:yellow; + stroke-width:30px; + total-angle:360; +/* center-x：10;*/ +/* center-y：10;*/ +/* radius：5;*/ +} +.eclipse{ + color:crimson; + background-color: antiquewhite; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/progress/index.hml b/ace/ace_standard/src/main/js/default/pages/progress/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..72013851f8b265c1deed5567fd928e8c50311039 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/index.hml @@ -0,0 +1,13 @@ +
+ + + + + + + + + + + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/progress/index.js b/ace/ace_standard/src/main/js/default/pages/progress/index.js new file mode 100644 index 0000000000000000000000000000000000000000..6de413880e2e5f518916997a3845381d259d0255 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/index.js @@ -0,0 +1,20 @@ +/** + * 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. + */ + +export default { + data: { + title: "World" + }, +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/qrcode/index.css b/ace/ace_standard/src/main/js/default/pages/qrcode/index.css new file mode 100644 index 0000000000000000000000000000000000000000..96658284980c010b2702fe3ab98a21439006013e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/qrcode/index.css @@ -0,0 +1,15 @@ +.container { + width: 100%; + height: 100%; + flex-direction: column; + justify-content: center; + align-items: center; +} +.txt { + font-size: 24px; + color: orangered; +} +select{ + margin-top: 40px; + margin-bottom: 40px; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/qrcode/index.hml b/ace/ace_standard/src/main/js/default/pages/qrcode/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..c6c88b1a3376d2ac6ff4e6cfd7c38b0a9a4c394f --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/qrcode/index.hml @@ -0,0 +1,14 @@ +
+ + Type + + Color + + Background Color + +
diff --git a/ace/ace_standard/src/main/js/default/pages/qrcode/index.js b/ace/ace_standard/src/main/js/default/pages/qrcode/index.js new file mode 100644 index 0000000000000000000000000000000000000000..7097ca65e4543e3e73c15ffc7510de161940e258 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/qrcode/index.js @@ -0,0 +1,41 @@ +/** + * 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. + */ + +export default { + data: { + qrType: 'rect', + qrSize: '300px', + qrCol: '#87ceeb', + colList: ['#87ceeb','#fa8072','#da70d6','#80ff00ff','#00ff00ff'], + qrBCol: '#f0ffff', + bColList: ['#f0ffff','#ffffe0','#d8bfd8'] + }, + setType(e) { + if (e.checked) { + this.qrType = 'rect' + } else { + this.qrType = 'circle' + } + }, + setvalue(e) { + this.qrValue = e.newValue + }, + setCol(e) { + this.qrCol = e.newValue + }, + setBCol(e) { + this.qrBCol = e.newValue + } +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/select/index.css b/ace/ace_standard/src/main/js/default/pages/select/index.css new file mode 100644 index 0000000000000000000000000000000000000000..7b09cdff0eae7df9dc779ce1d5b8e7d8436f4dd9 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/select/index.css @@ -0,0 +1,64 @@ +.container { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.select1{ + color:red; + font-size:20px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + min-width: 25px; + min-height: 10px; + max-width: 600px; + max-height: 150px; + padding-left: 10px; + padding-top: 20px; + padding-right: 15px; + padding-bottom: 5px; + margin-left: 10px; + margin-top: 20px; + margin-right: 15px; + margin-bottom: 5px; + +} +.select2{ + color:rebeccapurple; + font-size:30px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:300; + font-family:sans-serif; + margin: 20px; + +} +.select3{ + color:beige; + font-size:30px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + margin: 20px; + background-color: black; + padding:10px; +} + +.select4{ + color:aqua; + font-size:40px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin: 20px; + background-color: red; + padding:10px; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/select/index.hml b/ace/ace_standard/src/main/js/default/pages/select/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..d01ac94ca6ab0975c46f3ecf83e0a22a5983f0ec --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/select/index.hml @@ -0,0 +1,46 @@ +
+ + + + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/select/index.js b/ace/ace_standard/src/main/js/default/pages/select/index.js new file mode 100644 index 0000000000000000000000000000000000000000..49432a494d8079c0913aeb21350f9809e5430b01 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/select/index.js @@ -0,0 +1,28 @@ +/** + * 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: { + title: 'World' + }, + changeFruit(e){ + console.log(JSON.stringify(e)) + prompt.showToast({ + message: e.newValue + }); + + } +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/span/index.css b/ace/ace_standard/src/main/js/default/pages/span/index.css new file mode 100644 index 0000000000000000000000000000000000000000..398440bb8b62ebb0a67e685e77a66a8dee0fa9ff --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/span/index.css @@ -0,0 +1,110 @@ +.container { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.title { + font-size: 30px; + text-align: center; + width: 100%; + height: 10%; +} + +.spanTxt1{ + text-color:red; + font-size:30px; + allow-scale:true; + text-decoration:underline; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + padding-left: 10px; + padding-top: 20px; + padding-right: 15px; + padding-bottom: 5px; + margin-left: 10px; + margin-top: 20px; + margin-right: 15px; + margin-bottom: 5px; +} + +.spanTxt2{ + text-color:yellow; + font-size:30px; + allow-scale:false; + text-decoration:line-through; + text-decoration:none; + letter-spacing:5px; + font-style:italic; + font-weight:300; + font-family:sans-serif; + margin: 5px; +} + +.spanTxt3{ + text-color:beige; + font-size:30px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + margin: 5px; +} + +.spanTxt4{ + text-color:aqua; + font-size:30px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin: 5px; +} + +.contain1{ + width: 100%; + height: 100px; + margin-left: 28%; + flex-direction: column; +} + +.spanTxt5{ + text-color:saddlebrown; + font-size:30px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:300; + font-family:sans-serif; + margin: 5px; +} + +.spanTxt6{ + text-color:darkcyan; + font-size:30px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin: 10px; +} + +.spanTxt7 { + text-color:navajowhite; + font-size:30px; + allow-scale:true; + letter-spacing:10px; + font-style:normal; + font-weight:500; + font-family:sans-serif; + margin: 5px; +} diff --git a/ace/ace_standard/src/main/js/default/pages/span/index.hml b/ace/ace_standard/src/main/js/default/pages/span/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..89f9f2de77a0b6defbf1b580e52d5ffc5cc29a7a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/span/index.hml @@ -0,0 +1,30 @@ + +
+ + + span1 + + + + span2 + + + + span3 + + + + span4 + + + + + span5 + + span6 + + + + span7 + +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/span/index.js b/ace/ace_standard/src/main/js/default/pages/span/index.js new file mode 100644 index 0000000000000000000000000000000000000000..340173be1a6ec22fa90abccfc38e7ed7e99fc317 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/span/index.js @@ -0,0 +1,18 @@ +/** + * 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. + */ + +export default { + +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/switch/index.css b/ace/ace_standard/src/main/js/default/pages/switch/index.css new file mode 100644 index 0000000000000000000000000000000000000000..5bd7bb73ed2c153f39ce8de150c97b46a794535f --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/switch/index.css @@ -0,0 +1,111 @@ +.container { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +switch{ + texton-color:#002aff; + textoff-color:silver; + text-padding:5px; +} + +.switch1{ + text-color:red; + font-size:20px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + min-width: 25px; + min-height: 10px; + max-width: 600px; + max-height: 50px; + padding-left: 10px; + padding-top: 5px; + padding-right: 15px; + padding-bottom: 5px; + margin-left: 10px; + margin-top: 3%; + margin-right: 15px; + margin-bottom: 3%; + texton-color:red; + textoff-color:blue; +} + +.switch2{ + text-color:yellow; + max-height: 50px; + font-size:20px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:300; + font-family:sans-serif; + margin: 3%; + texton-color:yellow; + textoff-color:aqua; +} + +.switch3{ + text-color:beige; + max-height: 50px; + font-size:20px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + margin: 3%; +} + +.switch4{ + text-color:aqua; + max-height: 50px; + font-size:20px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin: 3%; +} + +.container1{ + height: 24%; + flex-direction: column; +} + +.switch5{ + text-color:saddlebrown; + font-size:22px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:300; + font-family:sans-serif; + margin: 3%; +} + +.switch6{ + text-color:darkcyan; + font-size:25px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin-left: 8%; +} + +.switch7 { + text-color:navajowhite; + font-size:30px; + allow-scale:true; + letter-spacing:10px; + font-style:normal; + font-weight:500; + font-family:sans-serif; + margin: 3%; +} diff --git a/ace/ace_standard/src/main/js/default/pages/switch/index.hml b/ace/ace_standard/src/main/js/default/pages/switch/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..e497f0cd529f8a309c0ead29e741a26c015d9b20 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/switch/index.hml @@ -0,0 +1,24 @@ + +
+ + + + + + + + +
+ + + + +
+ + +
+ + + + + diff --git a/ace/ace_standard/src/main/js/default/pages/switch/index.js b/ace/ace_standard/src/main/js/default/pages/switch/index.js new file mode 100644 index 0000000000000000000000000000000000000000..560c0796dd6c6cb2f23a3506668c4c8bd51b1a76 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/switch/index.js @@ -0,0 +1,32 @@ +/** + * 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: { + title: 'World' + }, + switchChange(e){ + if(e.checked){ + prompt.showToast({ + message: "打开开关" + }); + }else{ + prompt.showToast({ + message: "关闭开关" + }); + } + } +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/toggle/index.css b/ace/ace_standard/src/main/js/default/pages/toggle/index.css new file mode 100644 index 0000000000000000000000000000000000000000..4143bf05757f97d44c86bc5b83efd32244a0a34f --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/toggle/index.css @@ -0,0 +1,113 @@ + +.container { + flex-direction: column; + align-items: flex-start; + justify-content: center; + padding: 10px; +} + +.margin { + margin-right: 8%; + font-size: 15px; +} +.margin1 { + font-size: 15px; + margin-top: 2%; +} +.toggle1{ + text-color:red; + font-size:15px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + padding-left: 10px; + padding-top: 2px; + padding-right: 15px; + padding-bottom: 1px; + margin-left: 10px; + margin-top: 5px; + margin-right: 15px; + margin-bottom: 2%; +} + +.toggle2{ + text-color:yellow; + font-size:15px; + max-height: 50px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:300; + font-family:sans-serif; + margin: 2%; +} + +.toggle3{ + text-color:beige; + font-size:15px; + max-height: 50px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:200; + font-family:sans-serif; + margin: 2%; +} + +.toggle4{ + text-color:aqua; + font-size:15px; + max-height: 50px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin: 2%; +} + +.container1{ + flex-direction: column; + +} + +.toggle5{ + text-color:saddlebrown; + max-height: 50px; + font-size:15px; + allow-scale:true; + letter-spacing:5px; + font-style:normal; + font-weight:300; + font-family:sans-serif; +} + +.toggle6{ + text-color:darkcyan; + max-height: 50px; + font-size:15px; + allow-scale:false; + letter-spacing:5px; + font-style:italic; + font-weight:200; + font-family:sans-serif; + margin-left: 2%; +} + +.toggle7 { + text-color:navajowhite; + max-height: 50px; + font-size:15px; + allow-scale:true; + letter-spacing:10px; + font-style:normal; + font-weight:500; + font-family:sans-serif; + margin: 5px; +} diff --git a/ace/ace_standard/src/main/js/default/pages/toggle/index.hml b/ace/ace_standard/src/main/js/default/pages/toggle/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..db80592975a61f81d00b612f1657bea2e313caef --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/toggle/index.hml @@ -0,0 +1,43 @@ +
+ + 1. Multiple choice example +
+ {{$item}} +
+ + 2. Single choice example +
+ +
+ + 3. Multiple choice example +
+ {{$item}} +
+ + 4. Single choice example +
+ +
+ +
+ 5. Multiple +
+ {{$item}} +
+ + 6. Single +
+ +
+
+ + 7. Multiple choice example +
+ {{$item}} +
+ +
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/toggle/index.js b/ace/ace_standard/src/main/js/default/pages/toggle/index.js new file mode 100644 index 0000000000000000000000000000000000000000..f4233f4cbd1cd9160c8e75e39462e70e8979d468 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/toggle/index.js @@ -0,0 +1,41 @@ +/** + * 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. + */ + +export default { + data: { + toggleList: [ + { "id":"1001", "name":"Living room", "checked":true }, + { "id":"1002", "name":"Bedroom", "checked":false }, + { "id":"1003", "name":"Second bedroom", "checked":false }, + { "id":"1004", "name":"Study", "checked":false }, + ], + toggles: ["Living room","Bedroom","Study"], + idx: "" + }, + allclick(arg) { + this.idx = arg + }, + allchange(e) { + if (e.checked === true) { + for (var i = 0; i < this.toggle_list.length; i++) { + if (this.toggleList[i].id === this.idx) { + this.toggleList[i].checked = true + } else { + this.toggleList[i].checked = false + } + } + } + } +} \ No newline at end of file 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 15b10c2eb2ddb925183ac12e3341d00d9f05f267..21a4c3ccf54453675f02fa2f03af3a281291a3a7 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 @@ -337,9 +337,219 @@ describe('aceJsTest', function () { } catch (err) { result = err } - await sleep(5000) + await sleep(1000) let pages = router.getState(); expect("pages/textarea/").assertEqual(pages.path); done(); }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSpanComponent + * @tc.desc ACE + */ + it('testSpanComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/span/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/span/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwitchComponent + * @tc.desc ACE + */ + it('testSwitchComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/switch/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/switch/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testToggleComponent + * @tc.desc ACE + */ + it('testToggleComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/toggle/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/toggle/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testOptionComponent + * @tc.desc ACE + */ + it('testOptionComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/option/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/option/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerComponent + * @tc.desc ACE + */ + it('testPickerComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/picker/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/picker/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewComponent + * @tc.desc ACE + */ + it('testPickerViewComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/pickerView/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/pickerView/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPieceComponent + * @tc.desc ACE + */ + it('testPieceComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/piece/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/piece/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testProgressComponent + * @tc.desc ACE + */ + it('testProgressComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/progress/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/progress/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testQrcodeComponent + * @tc.desc ACE + */ + it('testQrcodeComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/qrcode/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(1000) + let pages = router.getState(); + expect("pages/qrcode/").assertEqual(pages.path); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSelectComponent + * @tc.desc ACE + */ + it('testSelectComponent', 0, async function (done) { + let result; + let options = { + uri: 'pages/select/index' + } + try { + result = router.push(options) + } catch (err) { + result = err + } + await sleep(5000) + let pages = router.getState(); + expect("pages/select/").assertEqual(pages.path); + done(); + }); });