diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json index 6a5cbafe78c55268afe083708f18cfecd1c7068d..f22db2a0e3bf9f2bd11ecdc59e8cb6955c65dee0 100755 --- a/ace/ace_standard/src/main/config.json +++ b/ace/ace_standard/src/main/config.json @@ -57,7 +57,8 @@ "pages/chart/router/index", "pages/input/index", "pages/slider/index", - "pages/text/index", + "pages/text/router/index", + "pages/text/prop/index", "pages/divider/router/index", "pages/image/router/index", "pages/label/router/index", @@ -93,12 +94,15 @@ "pages/imageAnimator/index", "pages/panel/router/index", "pages/panel/prop/index", - "pages/popup/index", - "pages/refresh/index", + "pages/popup/router/index", + "pages/popup/prop/index", + "pages/refresh/router/index", + "pages/refresh/prop/index", "pages/stack/router/index", "pages/stack/prop/index", "pages/stepper/index", - "pages/swiper/index", + "pages/swiper/router/index", + "pages/swiper/prop/index", "pages/tabs/router/index", "pages/tabs/prop/index", "pages/tab-bar/router/index", diff --git a/ace/ace_standard/src/main/js/default/pages/popup/prop/index.css b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..e815b366974cb2a04e98ed2dd5b2ba57913ff8c2 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.css @@ -0,0 +1,347 @@ +/** + * 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; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/popup/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..bb16a840c1762f7ead83c8e33db5cdd2c92b5f41 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.hml @@ -0,0 +1,177 @@ +
+
+ + popup通用属性 + + +
+ + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + popup特有属性 + + + + 特有属性 -- target + + + + + + 特有属性 -- placement + + + + + + + + + + 特有属性 -- keepalive + + + + + + + + 特有属性 -- clickable + + + + + + + + 特有属性 -- arrowoffset + + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/popup/prop/index.js b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..e07a6a12da8938451ecc470d6b647f67b119e580 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/popup/prop/index.js @@ -0,0 +1,140 @@ +/** + * 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, + 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, + + targetProp : null, + placementPropLeft : null, + placementPropRight : null, + placementPropTop : null, + keepAlivePropTrue : null, + keepAlivePropFalse : null, + clickablePropTrue : null, + clickablePropFalse : null, + arrowOffsetProp : null, + }, + + onShow(){ + this.getCommonPropValues(); + 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, + 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, + + targetProp : this.targetProp, + placementPropLeft : this.placementPropLeft, + placementPropRight : this.placementPropRight, + placementPropTop :this.placementPropTop, + keepAlivePropTrue: this.keepAlivePropTrue, + keepAlivePropFalse: this.keepAlivePropFalse, + clickablePropTrue : this.clickablePropTrue, + clickablePropFalse : this.clickablePropFalse, + arrowOffsetProp : this.arrowOffsetProp + } + }, + + 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.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() + + this.targetProp = this.$element("targetProp").getInspector() + this.placementPropLeft = this.$element("placementPropLeft").getInspector() + this.placementPropRight = this.$element("placementPropRight").getInspector() + this.placementPropTop = this.$element("placementPropTop").getInspector() + this.keepAlivePropTrue = this.$element("keepAlivePropTrue").getInspector() + this.keepAlivePropFalse = this.$element("keepAlivePropFalse").getInspector() + this.clickablePropTrue = this.$element("clickablePropTrue").getInspector() + this.clickablePropFalse = this.$element("clickablePropFalse").getInspector() + this.arrowOffsetProp = this.$element("arrowOffsetProp").getInspector() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/popup/index.css b/ace/ace_standard/src/main/js/default/pages/popup/router/index.css similarity index 99% rename from ace/ace_standard/src/main/js/default/pages/popup/index.css rename to ace/ace_standard/src/main/js/default/pages/popup/router/index.css index 894cd60e92e73bfb1b1027b355415450b2a4cf5c..12f491b7b1ba55d615face7acc8b48fc879a1aae 100644 --- a/ace/ace_standard/src/main/js/default/pages/popup/index.css +++ b/ace/ace_standard/src/main/js/default/pages/popup/router/index.css @@ -230,7 +230,7 @@ overflow:scroll; } -#prop1 { +.prop1 { color: #ad4e2a; stroke-width: 10px; line-cap: square; diff --git a/ace/ace_standard/src/main/js/default/pages/popup/index.hml b/ace/ace_standard/src/main/js/default/pages/popup/router/index.hml similarity index 99% rename from ace/ace_standard/src/main/js/default/pages/popup/index.hml rename to ace/ace_standard/src/main/js/default/pages/popup/router/index.hml index 89769fbc243f3a6282ce576494250dce19793cbd..503f0d7a66dbb46a406506a1da20f6604684ba4d 100644 --- a/ace/ace_standard/src/main/js/default/pages/popup/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/popup/router/index.hml @@ -86,6 +86,7 @@ + +
+
+ + div通用样式 + + + + 通用样式 1-8 \n width height padding margin border opacity align-self + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式9-20 \n display flex z-index position + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式21-23 box-shadow + +
+
+
+
+
+
+
+
+ + + 通用样式23-25 visibility clip-path + +
+
+
+
+ + + 通用样式26-31 background + +
+
+
+
+
+
+
+
+
+
+ + + 通用样式32 clip-path image-fill mask-image + +
+
+
+
+
+
+ + div特有样式 + + + + 特有样式 flex-direction flex-wrap justify-content align-items align-content + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + 文本 + +
+
+
+
+ + + + + 特有样式 overflow scrollbar-color scrollbar-width overscroll-effect + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 特有样式 grid + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/text/index.js b/ace/ace_standard/src/main/js/default/pages/popup/style/index.js similarity index 95% rename from ace/ace_standard/src/main/js/default/pages/text/index.js rename to ace/ace_standard/src/main/js/default/pages/popup/style/index.js index 3dd2cc61bbf0fa3c02744d3763f3066233950c27..8179ff70cbe9fa27c38c5386a6f497949bf60f3a 100644 --- a/ace/ace_standard/src/main/js/default/pages/text/index.js +++ b/ace/ace_standard/src/main/js/default/pages/popup/style/index.js @@ -14,7 +14,6 @@ */ export default { - data: { - title: '' - } -} \ No newline at end of file + + +} diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.css b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..30c94674b10517a2a9e5e79fc9aaae18558a6cd8 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.css @@ -0,0 +1,354 @@ +/** + * 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; +} + +refresh{ + background: linear-gradient(pink,#fff000); + width: 50%; + margin-bottom: 5px; + height: 40%; +} + +.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; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..f9dbf1541aaf1e652fa53426c49f5421ccaf7ac8 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.hml @@ -0,0 +1,173 @@ +
+
+ + refresh通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + refresh特有属性 + + + + + + + + + + + + + + + + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.js b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..3298f5f3d067f3282660fd7e61f7a73ab38f0a9e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/prop/index.js @@ -0,0 +1,144 @@ +/** + * 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, + offsetProp: null, + refreshingPropFalse: null, + refreshingPropTrue: null, + typePropAuto: null, + typePropPullDown: null, + lastTimePropTrue: null, + lastTimePropFalse: null, + frictionProp: null + }, + + onShow(){ + this.getCommonPropValues(); + 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, + offsetProp : this.offsetProp, + refreshingPropFalse : this.refreshingPropFalse, + refreshingPropTrue : this.refreshingPropTrue, + typePropAuto : this.typePropAuto, + typePropPullDown : this.typePropPullDown, + lastTimePropTrue : this.lastTimePropTrue, + lastTimePropFalse : this.lastTimePropFalse, + frictionProp : this.frictionProp + } + }, + + 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() + + this.offsetProp = this.$element("offsetProp").getInspector() + this.refreshingPropFalse = this.$element("refreshingPropFalse").getInspector() + this.refreshingPropTrue = this.$element("refreshingPropTrue").getInspector() + this.typePropAuto = this.$element("typePropAuto").getInspector() + this.typePropPullDown = this.$element("typePropPullDown").getInspector() + this.lastTimePropTrue = this.$element("lastTimePropTrue").getInspector() + this.lastTimePropFalse = this.$element("lastTimePropFalse").getInspector() + this.frictionProp = this.$element("frictionProp").getInspector() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/index.css b/ace/ace_standard/src/main/js/default/pages/refresh/router/index.css similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/refresh/index.css rename to ace/ace_standard/src/main/js/default/pages/refresh/router/index.css diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/index.hml b/ace/ace_standard/src/main/js/default/pages/refresh/router/index.hml similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/refresh/index.hml rename to ace/ace_standard/src/main/js/default/pages/refresh/router/index.hml diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/index.js b/ace/ace_standard/src/main/js/default/pages/refresh/router/index.js similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/refresh/index.js rename to ace/ace_standard/src/main/js/default/pages/refresh/router/index.js diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/style/index.css b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..5c4c1d87fa5e983621c40f7d950abae189ebeb90 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.css @@ -0,0 +1,354 @@ +/** + * 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%; + padding: 1px; +} + +.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; +} + +.style-container{ + flex-direction: column; + width: 50%; +} + +#styleOne{ + width: 150px; + height: 20px; + padding-top: 1px; + padding-left: 2px; + padding-right: 3px; + padding-bottom: 0.5px; + margin-left: 1px; + margin-top: 2px; + margin-right: 3px; + margin-bottom: 0.5px; + border-left-style: solid; + border-right-style: dashed; + border-top-style: dotted; + border-bottom-style: solid; + border-left-width: 1px; + border-right-width: 1.5px; + border-top-width: 2px; + border-bottom-width: 0.5px; + border-left-color: #ff0000; + border-right-color: #00ff00; + border-top-color: #0000ff; + border-bottom-color: #fff000; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 15px; + border-top-left-radius: 10px; + border-top-right-radius: 0px; + opacity: 0.5; + align-self:flex-end; +} + +#styleTwo{ + width: 150px; + height: 20px; + padding-start: 1px; + padding-end: 2px; + margin-start: 1px; + margin-end: 2px; + border-style: dotted; + border-width: 2px; + border-color:#0f00f0; + border-radius:5px; + opacity: 1.5; + align-self:flex-start; +} + +#styleThree{ + width: 50px; + height: 20px; + padding: 2px; + margin:1px; + border-left: 1px solid #ff0000; + border-right: 2px dashed #00ff00; + border-top: 1.5px dotted #0000ff; + border-bottom: 2.5px dotted #fff000; + opacity: 1; + align-self:baseline; +} + +#styleFour{ + width: 50px; + height: 20px; + align-self:center; + border: 2px solid #00ff00; +} + +#styleFive{ + width: 150px; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleSix{ + width: 100%; + height: 2%; + background-color: #ff0000; + padding-top: 1%; + padding-left: 2%; + padding-right: 3%; + padding-bottom: 0.5%; + margin-left: 1%; + margin-top: 2%; + margin-right: 1.5%; + margin-bottom: 0.5%; +} + +#styleSeven{ + width: 70%; + height: 1%; + padding-start: 1%; + padding-end: 2%; + margin-start: 1%; + margin-end: 2%; + background-color: #00ff00; +} + +#styleEight{ + width: 60%; + height: 1%; + margin: 1%; + padding: 2%; + background-color: #0000ff; +} + +#styleNine{ + width: 100%; + height: 40px; + display:flex; +} + +#styleFive{ + width: 100%; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleTen{ + width: 100%; + height: 400%; + display: none; + background-color: #ff0000; +} + +#styleEleven{ + height: 40%; + background-color: #00ff00; + flex:1 1 20px; + z-index:10; +} + +#styleTwelve{ + height: 50%; + background-color: #ff00ff; + flex-grow:2; + flex-shrink: 3; + flex-basis: 30px; + z-index:13; +} + +#styleThirteen{ + position: absolute; + left: 10px; + top: 20px; + width: 10px; + height: 10px; + background-color: #00ff00; + z-index:12; +} + +#styleFourteen{ + position: absolute; + right: 10px; + bottom: 20px; + width: 10px; + height: 10px; + background-color: #0000ff; + z-index:3; +} + +#styleFifteen{ + position: absolute; + left: 10%; + top: 20%; + width: 10px; + height: 10px; + background-color: #fff000; + z-index:5; +} + +#styleSixteen{ + position: absolute; + right: 10%; + bottom: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:15; +} + +#styleSeventeen{ + position: absolute; + start: 50px; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:7; +} + +#styleEighteen{ + position: absolute; + end: 20px; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:4; +} + +#styleNineteen{ + position: absolute; + start: 20%; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:1; +} + +#styleTwenty{ + position: absolute; + end: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:17; +} + +#styleTwentyOne{ + height: 20px; + box-shadow: 2px 4px; + flex-weight: 1; + margin:5px; +} + +#styleTwentyTwo{ + flex-weight: 1; + height: 20px; + box-shadow: 2px 4px 6px 8px; + margin:5px; +} + +#styleTwentyThree{ + flex-weight: 1; + height: 20px; + box-shadow: 1px 2px 3px 4px #ff0000; + margin:5px; +} + +#styleTwentyFour{ + width: 150px; + height: 20px; + background-color: #00ffff; + clip-path:inset(2 23); + visibility: visible; +} + +#styleTwentyFive{ + width: 150px; + height: 20px; + background-color: #00ffff; + visibility: hidden; +} + +#styleTwentySix{ + width: 150px; + height: 20px; + background-color: #999999; +} + +#styleTwentySeven{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); +} + +#styleTwentyNine{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:contain; + background-repeat: repeat-x; + background-position: center; +} + +#styleThirty{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:50px 10px; + background-repeat: no-repeat; + background-position: 10px 10px; +} + +#styleThirtyOne{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:10% 20%; + background-repeat: repeat; + background-position: 30% 40%; +} + +#styleThirtyTwo{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); + clip-path: margin-box; + image-fill: #000fff; + mask-image: url('common/images/icon.png'); + mask-size: cover; + mask-position: center; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/style/index.hml b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..acd288a4bcd408d80a867b5cba64f6fb30653d9d --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.hml @@ -0,0 +1,96 @@ +
+
+ + refresh通用样式 + + + + 通用样式 1-8 \n width height padding margin border opacity align-self + + + + + + + + + + + + + + + + + + + + 通用样式9-20 \n display flex z-index position + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + 通用样式21-23 box-shadow + +
+ + + + + + +
+ + + 通用样式23-25 visibility clip-path + + + + + + + + 通用样式26-31 background + + + + + + + + + + + + + + 通用样式32 clip-path image-fill mask-image + + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/refresh/style/index.js b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.js new file mode 100644 index 0000000000000000000000000000000000000000..8452f14bb05344e8032c4c0dbcf73b5b023d4e34 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/refresh/style/index.js @@ -0,0 +1,117 @@ +/** + * 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:{ + styleOne : null, + styleTwo : null, + styleThree : null, + styleFour : null, + styleFive : null, + styleSix : null, + styleSeven : null, + styleEight : null, + styleNine : null, + styleTen : null, + styleEleven : null, + styleTwelve : null, + styleThirteen : null, + styleFourteen : null, + styleFifteen : null, + styleSixteen : null, + styleSeventeen : null, + styleEighteen : null, + styleNineteen : null, + styleTwenty : null, + styleTwentyOne : null, + styleTwentyTwo : null, + styleTwentyThree : null, + styleTwentyFour : null, + styleTwentyFive : null, + styleTwentySix : null, + styleTwentySeven : null, + styleTwentyNine : null, + styleThirty : null, + styleThirtyOne : null, + styleThirtyTwo : null + }, + + onShow(){ + this.getCommonStyleValues(); + globalThis.value = { + styleOne : this.styleOne, + styleTwo : this.styleTwo, + styleThree : this.styleThree, + styleFour : this.styleFour, + styleFive : this.styleFive, + styleSix : this.styleSix, + styleSeven : this.styleSeven, + styleEight : this.styleEight, + styleNine : this.styleNine, + styleTen : this.styleTen, + styleEleven : this.styleEleven, + styleTwelve : this.styleTwelve, + styleThirteen : this.styleThirteen, + styleFourteen : this.styleFourteen, + styleFifteen : this.styleFifteen, + styleSixteen : this.styleSixteen, + styleSeventeen : this.styleSeventeen, + styleEighteen : this.styleEighteen, + styleNineteen : this.styleNineteen, + styleTwenty : this.styleTwenty, + styleTwentyOne : this.styleTwentyOne, + styleTwentyTwo : this.styleTwentyTwo, + styleTwentyThree : this.styleTwentyThree, + styleTwentyFour : this.styleTwentyFour, + styleTwentyFive : this.styleTwentyFive, + styleTwentySix : this.styleTwentySix, + styleThirty : this.styleThirty, + styleThirtyOne : this.styleThirtyOne, + styleThirtyTwo : this.styleThirtyTwo + } + }, + + getCommonStyleValues(){ + this.styleOne = this.$element("styleOne").getInspector() + this.styleTwo = this.$element("styleTwo").getInspector() + this.styleThree = this.$element("styleThree").getInspector() + this.styleFour = this.$element("styleFour").getInspector() + this.styleFive = this.$element("styleFive").getInspector() + this.styleSix = this.$element("styleSix").getInspector() + this.styleSeven = this.$element("styleSeven").getInspector() + this.styleEight = this.$element("styleEight").getInspector() + this.styleNine = this.$element("styleNine").getInspector() + this.styleTen = this.$element("styleTen").getInspector() + this.styleEleven = this.$element("styleEleven").getInspector() + this.styleTwelve = this.$element("styleTwelve").getInspector() + this.styleThirteen = this.$element("styleThirteen").getInspector() + this.styleFourteen = this.$element("styleFourteen").getInspector() + this.styleFifteen = this.$element("styleFifteen").getInspector() + this.styleSixteen = this.$element("styleSixteen").getInspector() + this.styleSeventeen = this.$element("styleSeventeen").getInspector() + this.styleEighteen = this.$element("styleEighteen").getInspector() + this.styleNineteen = this.$element("styleNineteen").getInspector() + this.styleTwenty = this.$element("styleTwenty").getInspector() + this.styleTwentyOne = this.$element("styleTwentyOne").getInspector() + this.styleTwentyTwo = this.$element("styleTwentyTwo").getInspector() + this.styleTwentyThree = this.$element("styleTwentyThree").getInspector() + this.styleTwentyFour = this.$element("styleTwentyFour").getInspector() + this.styleTwentyFive = this.$element("styleTwentyFive").getInspector() + this.styleTwentySix = this.$element("styleTwentySix").getInspector() + this.styleThirty = this.$element("styleThirty").getInspector() + this.styleThirtyOne = this.$element("styleThirtyOne").getInspector() + this.styleThirtyTwo = this.$element("styleThirtyTwo").getInspector() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/index.hml b/ace/ace_standard/src/main/js/default/pages/swiper/index.hml deleted file mode 100644 index 8dd53178e54ce525d83d3ee951ef379cbe5088e3..0000000000000000000000000000000000000000 --- a/ace/ace_standard/src/main/js/default/pages/swiper/index.hml +++ /dev/null @@ -1,781 +0,0 @@ - - -
-
- -
- - 通用样式 - - - swiper通用样式1 - - -
- First -
-
- Second -
-
- Third -
- - - - - - - swiper通用样式2 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用样式3 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用样式4 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用样式5 - -
- -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- -
- - swiper特有样式 - - -
- First -
-
- Second -
-
- Third -
- -
- - - -
- - 动画样式 - - - swiper动画样式1 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper动画样式2 - - -
- First -
-
- Second -
-
- Third -
- -
-
- -
-
- -
- -
- - 通用属性 - - - swiper通用属性1 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用属性2 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用属性3 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper特有属性4 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper特有属性5 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper特有属性6 - - -
- First -
-
- Second -
-
- Third -
- -
-
-
- -
- - 通用事件 - - - swiper通用事件1 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用事件2 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用事件3 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper特有事件1 - - -
- First -
-
- Second -
-
- Third -
- -
-
-
- -
- - 通用方法 - - - swiper通用方法1 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper通用方法2 - - -
- First -
-
- Second -
-
- Third -
- -
-
- -
-
- -
- -
- - 渐变样式 - - - swiper渐变样式1 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper渐变样式2 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper渐变样式3 - - -
- First -
-
- Second -
-
- Third -
- - - - swiper渐变样式4 - - -
- First -
-
- Second -
-
- Third -
- -
-
-
- -
- - 无障碍 - - - swiper无障碍1 - - -
- First -
-
- Second -
-
- Third -
- - -
-
-
- -
- - 原子布局 - - - swiper原子布局1 - -
- -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- -
- - swiper原子布局2 - -
- -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- -
- - swiper原子布局3 - -
- -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- - -
- First -
-
- Second -
-
- Third -
- -
-
-
-
- - 多模输入 - - - swiper多模输入1 - - -
- First -
-
- Second -
-
- Third -
- -
-
-
-
diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.css b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..c3cba1049aee709a762d0290e3d2b190a2725ea4 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.css @@ -0,0 +1,357 @@ +/** + * 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; +} + +swiper{ + background-color:#e00000; + width: 100%; + height: 15px; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..3a8ecfe154caee443533700c64c9799e9f60d0d5 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.hml @@ -0,0 +1,264 @@ +
+
+ + swiper通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + swiper特有属性 + + + 特有属性 -- index + + + + + 特有属性 -- autoplay + + + + + + + 特有属性 -- interval + + + + + 特有属性 -- indicator + + + + + + + + 特有属性 -- digital + + + + + + + + 特有属性 -- indicatormask + + + + + + + + 特有属性 -- indicatordisabled + + + + + + + + 特有属性 -- loop + + + + + + + + 特有属性 -- duration + + + + + + 特有属性 -- vertical + + + + + + + + 特有属性 -- cachedsize + + + + + + 特有属性 -- scrolleffect + + + + + + + + 特有属性 -- displaymode + + + + + +
+
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.js b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..db754a0e17a7927020d71b199f77cdeaa903afd7 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/prop/index.js @@ -0,0 +1,186 @@ +/** + * 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, + + indexProp: null, + autoplayPropTrue: null, + autoplayPropFalse: null, + intervalProp: null, + indicatorPropTrue: null, + indicatorPropFalse: null, + digitalPropFalse: null, + indicatorMaskPropTrue: null, + indicatorMaskPropFalse: null, + indicatorDisabledPropTrue: null, + indicatorDisabledPropFalse: null, + loopPropTrue: null, + loopPropFalse: null, + durationProp: null, + verticalPropTrue: null, + verticalPropFalse: null, + cachedSizeProp: null, + scrollEffectPropFade: null, + scrollEffectPropSpring: null, + displayModePropStretch: null, + displayModePropAutoLinear: null, + }, + + onShow(){ + this.getCommonPropValues(); + 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, + + indexProp: this.indexProp, + autoplayPropTrue: this.autoplayPropTrue, + autoplayPropFalse: this.autoplayPropFalse, + intervalProp: this.intervalProp, + indicatorPropTrue: this.indicatorPropTrue, + indicatorPropFalse: this.indicatorPropFalse, + digitalPropFalse: this.digitalPropFalse, + indicatorMaskPropTrue: this.indicatorMaskPropTrue, + indicatorMaskPropFalse: this.indicatorMaskPropFalse, + indicatorDisabledPropTrue: this.indicatorDisabledPropTrue, + indicatorDisabledPropFalse: this.indicatorDisabledPropFalse, + loopPropTrue: this.loopPropTrue, + loopPropFalse: this.loopPropFalse, + durationProp: this.durationProp, + verticalPropTrue: this.verticalPropTrue, + verticalPropFalse: this.verticalPropFalse, + cachedSizeProp: this.cachedSizeProp, + scrollEffectPropFade: this.scrollEffectPropFade, + scrollEffectPropSpring: this.scrollEffectPropSpring, + displayModePropStretch: this.displayModePropStretch, + displayModePropAutoLinear: this.displayModePropAutoLinear, + } + }, + + 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() + + // 特有属性 + this.indexProp = this.$element("showPropNone").getInspector() + this.autoplayPropTrue = this.$element("autoplayPropTrue").getInspector() + this.autoplayPropFalse = this.$element("autoplayPropFalse").getInspector() + this.intervalProp = this.$element("intervalProp").getInspector() + this.indicatorPropTrue = this.$element("indicatorPropTrue").getInspector() + this.indicatorPropFalse = this.$element("indicatorPropFalse").getInspector() + this.digitalPropFalse = this.$element("digitalPropFalse").getInspector() + this.indicatorMaskPropTrue = this.$element("indicatorMaskPropTrue").getInspector() + this.indicatorMaskPropFalse = this.$element("indicatorMaskPropFalse").getInspector() + this.indicatorDisabledPropTrue = this.$element("indicatorDisabledPropTrue").getInspector() + this.indicatorDisabledPropFalse = this.$element("indicatorDisabledPropFalse").getInspector() + this.loopPropTrue = this.$element("loopPropTrue").getInspector() + this.loopPropFalse = this.$element("loopPropFalse").getInspector() + this.durationProp = this.$element("durationProp").getInspector() + this.verticalPropTrue = this.$element("verticalPropTrue").getInspector() + this.verticalPropFalse = this.$element("verticalPropFalse").getInspector() + this.cachedSizeProp = this.$element("cachedSizeProp").getInspector() + this.scrollEffectPropFade = this.$element("scrollEffectPropFade").getInspector() + this.scrollEffectPropSpring = this.$element("scrollEffectPropSpring").getInspector() + this.displayModePropStretch = this.$element("displayModePropStretch").getInspector() + this.displayModePropAutoLinear = this.$element("displayModePropAutoLinear").getInspector() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/index.css b/ace/ace_standard/src/main/js/default/pages/swiper/router/index.css similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/swiper/index.css rename to ace/ace_standard/src/main/js/default/pages/swiper/router/index.css diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/router/index.hml b/ace/ace_standard/src/main/js/default/pages/swiper/router/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..c70d854fa21d2b1ff78585040190c52e562028eb --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/router/index.hml @@ -0,0 +1,455 @@ + + +
+
+ +
+ + 通用样式 + + + swiper通用样式1 + + + + + + swiper通用样式2 + + + + + + + swiper通用样式3 + + + + + + swiper通用样式4 + + + + + + swiper通用样式5 + +
+ + + + +
+ + swiper特有样式 + + + +
+ + + +
+ + 动画样式 + + + swiper动画样式1 + + + + + + swiper动画样式2 + + + +
+
+ +
+
+ +
+ +
+ + 通用属性 + + + swiper通用属性1 + + + + + + swiper通用属性2 + + + + + + swiper通用属性3 + + + + + + swiper特有属性4 + + + + + + swiper特有属性5 + + + + + + swiper特有属性6 + + + +
+
+
+ +
+ + 通用事件 + + + swiper通用事件1 + + + + + + swiper通用事件2 + + + + + + swiper通用事件3 + + + + + + swiper特有事件1 + + + +
+
+
+ +
+ + 通用方法 + + + swiper通用方法1 + + + + + + swiper通用方法2 + + + +
+
+ +
+
+ +
+ +
+ + 渐变样式 + + + swiper渐变样式1 + + + + + + swiper渐变样式2 + + + + + + swiper渐变样式3 + + + + + + swiper渐变样式4 + + + +
+
+
+ +
+ + 无障碍 + + + swiper无障碍1 + + + + +
+
+
+ +
+ + 原子布局 + + + swiper原子布局1 + +
+ + + + + + +
+ + swiper原子布局2 + +
+ + + + + + +
+ + swiper原子布局3 + +
+ + + + + + +
+
+
+
+ + 多模输入 + + + swiper多模输入1 + + + +
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/index.js b/ace/ace_standard/src/main/js/default/pages/swiper/router/index.js similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/swiper/index.js rename to ace/ace_standard/src/main/js/default/pages/swiper/router/index.js diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/style/index.css b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..5c4c1d87fa5e983621c40f7d950abae189ebeb90 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.css @@ -0,0 +1,354 @@ +/** + * 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%; + padding: 1px; +} + +.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; +} + +.style-container{ + flex-direction: column; + width: 50%; +} + +#styleOne{ + width: 150px; + height: 20px; + padding-top: 1px; + padding-left: 2px; + padding-right: 3px; + padding-bottom: 0.5px; + margin-left: 1px; + margin-top: 2px; + margin-right: 3px; + margin-bottom: 0.5px; + border-left-style: solid; + border-right-style: dashed; + border-top-style: dotted; + border-bottom-style: solid; + border-left-width: 1px; + border-right-width: 1.5px; + border-top-width: 2px; + border-bottom-width: 0.5px; + border-left-color: #ff0000; + border-right-color: #00ff00; + border-top-color: #0000ff; + border-bottom-color: #fff000; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 15px; + border-top-left-radius: 10px; + border-top-right-radius: 0px; + opacity: 0.5; + align-self:flex-end; +} + +#styleTwo{ + width: 150px; + height: 20px; + padding-start: 1px; + padding-end: 2px; + margin-start: 1px; + margin-end: 2px; + border-style: dotted; + border-width: 2px; + border-color:#0f00f0; + border-radius:5px; + opacity: 1.5; + align-self:flex-start; +} + +#styleThree{ + width: 50px; + height: 20px; + padding: 2px; + margin:1px; + border-left: 1px solid #ff0000; + border-right: 2px dashed #00ff00; + border-top: 1.5px dotted #0000ff; + border-bottom: 2.5px dotted #fff000; + opacity: 1; + align-self:baseline; +} + +#styleFour{ + width: 50px; + height: 20px; + align-self:center; + border: 2px solid #00ff00; +} + +#styleFive{ + width: 150px; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleSix{ + width: 100%; + height: 2%; + background-color: #ff0000; + padding-top: 1%; + padding-left: 2%; + padding-right: 3%; + padding-bottom: 0.5%; + margin-left: 1%; + margin-top: 2%; + margin-right: 1.5%; + margin-bottom: 0.5%; +} + +#styleSeven{ + width: 70%; + height: 1%; + padding-start: 1%; + padding-end: 2%; + margin-start: 1%; + margin-end: 2%; + background-color: #00ff00; +} + +#styleEight{ + width: 60%; + height: 1%; + margin: 1%; + padding: 2%; + background-color: #0000ff; +} + +#styleNine{ + width: 100%; + height: 40px; + display:flex; +} + +#styleFive{ + width: 100%; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleTen{ + width: 100%; + height: 400%; + display: none; + background-color: #ff0000; +} + +#styleEleven{ + height: 40%; + background-color: #00ff00; + flex:1 1 20px; + z-index:10; +} + +#styleTwelve{ + height: 50%; + background-color: #ff00ff; + flex-grow:2; + flex-shrink: 3; + flex-basis: 30px; + z-index:13; +} + +#styleThirteen{ + position: absolute; + left: 10px; + top: 20px; + width: 10px; + height: 10px; + background-color: #00ff00; + z-index:12; +} + +#styleFourteen{ + position: absolute; + right: 10px; + bottom: 20px; + width: 10px; + height: 10px; + background-color: #0000ff; + z-index:3; +} + +#styleFifteen{ + position: absolute; + left: 10%; + top: 20%; + width: 10px; + height: 10px; + background-color: #fff000; + z-index:5; +} + +#styleSixteen{ + position: absolute; + right: 10%; + bottom: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:15; +} + +#styleSeventeen{ + position: absolute; + start: 50px; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:7; +} + +#styleEighteen{ + position: absolute; + end: 20px; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:4; +} + +#styleNineteen{ + position: absolute; + start: 20%; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:1; +} + +#styleTwenty{ + position: absolute; + end: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:17; +} + +#styleTwentyOne{ + height: 20px; + box-shadow: 2px 4px; + flex-weight: 1; + margin:5px; +} + +#styleTwentyTwo{ + flex-weight: 1; + height: 20px; + box-shadow: 2px 4px 6px 8px; + margin:5px; +} + +#styleTwentyThree{ + flex-weight: 1; + height: 20px; + box-shadow: 1px 2px 3px 4px #ff0000; + margin:5px; +} + +#styleTwentyFour{ + width: 150px; + height: 20px; + background-color: #00ffff; + clip-path:inset(2 23); + visibility: visible; +} + +#styleTwentyFive{ + width: 150px; + height: 20px; + background-color: #00ffff; + visibility: hidden; +} + +#styleTwentySix{ + width: 150px; + height: 20px; + background-color: #999999; +} + +#styleTwentySeven{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); +} + +#styleTwentyNine{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:contain; + background-repeat: repeat-x; + background-position: center; +} + +#styleThirty{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:50px 10px; + background-repeat: no-repeat; + background-position: 10px 10px; +} + +#styleThirtyOne{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:10% 20%; + background-repeat: repeat; + background-position: 30% 40%; +} + +#styleThirtyTwo{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); + clip-path: margin-box; + image-fill: #000fff; + mask-image: url('common/images/icon.png'); + mask-size: cover; + mask-position: center; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..8184c24ef4cdd723060fb23229606a51fdca1675 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.hml @@ -0,0 +1,111 @@ + + +
+
+ + div通用样式 + + + + 通用样式 1-8 \n width height padding margin border opacity align-self + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式9-20 \n display flex z-index position + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式21-23 box-shadow + +
+
+
+
+
+
+
+
+ + + 通用样式23-25 visibility clip-path + +
+
+
+
+ + + 通用样式26-31 background + +
+
+
+
+
+
+
+
+
+
+ + + 通用样式32 clip-path image-fill mask-image + +
+
+
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/swiper/style/index.js b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.js new file mode 100644 index 0000000000000000000000000000000000000000..8452f14bb05344e8032c4c0dbcf73b5b023d4e34 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/swiper/style/index.js @@ -0,0 +1,117 @@ +/** + * 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:{ + styleOne : null, + styleTwo : null, + styleThree : null, + styleFour : null, + styleFive : null, + styleSix : null, + styleSeven : null, + styleEight : null, + styleNine : null, + styleTen : null, + styleEleven : null, + styleTwelve : null, + styleThirteen : null, + styleFourteen : null, + styleFifteen : null, + styleSixteen : null, + styleSeventeen : null, + styleEighteen : null, + styleNineteen : null, + styleTwenty : null, + styleTwentyOne : null, + styleTwentyTwo : null, + styleTwentyThree : null, + styleTwentyFour : null, + styleTwentyFive : null, + styleTwentySix : null, + styleTwentySeven : null, + styleTwentyNine : null, + styleThirty : null, + styleThirtyOne : null, + styleThirtyTwo : null + }, + + onShow(){ + this.getCommonStyleValues(); + globalThis.value = { + styleOne : this.styleOne, + styleTwo : this.styleTwo, + styleThree : this.styleThree, + styleFour : this.styleFour, + styleFive : this.styleFive, + styleSix : this.styleSix, + styleSeven : this.styleSeven, + styleEight : this.styleEight, + styleNine : this.styleNine, + styleTen : this.styleTen, + styleEleven : this.styleEleven, + styleTwelve : this.styleTwelve, + styleThirteen : this.styleThirteen, + styleFourteen : this.styleFourteen, + styleFifteen : this.styleFifteen, + styleSixteen : this.styleSixteen, + styleSeventeen : this.styleSeventeen, + styleEighteen : this.styleEighteen, + styleNineteen : this.styleNineteen, + styleTwenty : this.styleTwenty, + styleTwentyOne : this.styleTwentyOne, + styleTwentyTwo : this.styleTwentyTwo, + styleTwentyThree : this.styleTwentyThree, + styleTwentyFour : this.styleTwentyFour, + styleTwentyFive : this.styleTwentyFive, + styleTwentySix : this.styleTwentySix, + styleThirty : this.styleThirty, + styleThirtyOne : this.styleThirtyOne, + styleThirtyTwo : this.styleThirtyTwo + } + }, + + getCommonStyleValues(){ + this.styleOne = this.$element("styleOne").getInspector() + this.styleTwo = this.$element("styleTwo").getInspector() + this.styleThree = this.$element("styleThree").getInspector() + this.styleFour = this.$element("styleFour").getInspector() + this.styleFive = this.$element("styleFive").getInspector() + this.styleSix = this.$element("styleSix").getInspector() + this.styleSeven = this.$element("styleSeven").getInspector() + this.styleEight = this.$element("styleEight").getInspector() + this.styleNine = this.$element("styleNine").getInspector() + this.styleTen = this.$element("styleTen").getInspector() + this.styleEleven = this.$element("styleEleven").getInspector() + this.styleTwelve = this.$element("styleTwelve").getInspector() + this.styleThirteen = this.$element("styleThirteen").getInspector() + this.styleFourteen = this.$element("styleFourteen").getInspector() + this.styleFifteen = this.$element("styleFifteen").getInspector() + this.styleSixteen = this.$element("styleSixteen").getInspector() + this.styleSeventeen = this.$element("styleSeventeen").getInspector() + this.styleEighteen = this.$element("styleEighteen").getInspector() + this.styleNineteen = this.$element("styleNineteen").getInspector() + this.styleTwenty = this.$element("styleTwenty").getInspector() + this.styleTwentyOne = this.$element("styleTwentyOne").getInspector() + this.styleTwentyTwo = this.$element("styleTwentyTwo").getInspector() + this.styleTwentyThree = this.$element("styleTwentyThree").getInspector() + this.styleTwentyFour = this.$element("styleTwentyFour").getInspector() + this.styleTwentyFive = this.$element("styleTwentyFive").getInspector() + this.styleTwentySix = this.$element("styleTwentySix").getInspector() + this.styleThirty = this.$element("styleThirty").getInspector() + this.styleThirtyOne = this.$element("styleThirtyOne").getInspector() + this.styleThirtyTwo = this.$element("styleThirtyTwo").getInspector() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/text/index.css b/ace/ace_standard/src/main/js/default/pages/text/index.css deleted file mode 100644 index 046712606b38bf84de9e7a3da7719ddc2d3cb9d8..0000000000000000000000000000000000000000 --- a/ace/ace_standard/src/main/js/default/pages/text/index.css +++ /dev/null @@ -1,44 +0,0 @@ -/** - * 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: column; - align-items: center; - background-color: #F1F3F5; - justify-content: center; -} - -.text1 { - word-spacing: 10px; - adapt-height: true; -} - -.text2 { - width: 200px; - max-lines: 1; - text-overflow: ellipsis; - text-valign: middle; - line-height: 40px; - text-decoration: underline; - text-decoration-color: red; - text-indent: 20px; - white-space: pre; -} - -.common { - color: #ff4400; - text-decoration: line-through; -} diff --git a/ace/ace_standard/src/main/js/default/pages/text/prop/index.css b/ace/ace_standard/src/main/js/default/pages/text/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..e815b366974cb2a04e98ed2dd5b2ba57913ff8c2 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/prop/index.css @@ -0,0 +1,347 @@ +/** + * 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; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/text/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/text/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..15a2e12aa7a173d590cd3e9712fcea8412b684ff --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/prop/index.hml @@ -0,0 +1,150 @@ +
+
+ + text通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + div特有属性 + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/text/prop/index.js b/ace/ace_standard/src/main/js/default/pages/text/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..f0abc71b8510c2139800e8c8de54900a209baf2a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/prop/index.js @@ -0,0 +1,119 @@ +/** + * 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 + }, + + onShow(){ + this.getCommonPropValues(); + 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 + } + }, + + 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() + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/text/router/index.css b/ace/ace_standard/src/main/js/default/pages/text/router/index.css new file mode 100644 index 0000000000000000000000000000000000000000..9ddb8e0d0f2442b87242e5aca91d48281c9f8ebd --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/router/index.css @@ -0,0 +1,432 @@ +/** + * 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%; + padding: 1px; +} + +.sub-container{ + flex-direction: column; + height: 100%; + flex-weight: 1; +} + +.style-container{ + flex-direction: column; + height: 75%; +} + +.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: 15px; + 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; + 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: 100%; + 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; + font-size: 10px; +} + +.style3{ + height: 15%; + width: 100%; + padding: 10px; + 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: 10px; + flex-shrink: 1; +} + +.style4{ + width: 100%; + height: 5%; + padding: 10px; + 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 { + color: blueviolet; + font-size: 20px; + allow-scale: true; + letter-spacing: 5px; + word-spacing: 2px; + font-style: italic; + font-weight: bold; + text-decoration: underline; + text-decoration-color: pink; + text-align: center; + line-height: 40px; + text-overflow: clip; + font-family: sans-serif; + max-lines: 3; + min-font-size:10px; + max-font-size: 30px; + font-size-step:2px; + word-break: normal; + text-valign: middle; + white-space: normal; + text-indent: 1px; +} + +.style8{ + color: yellowgreen; + font-size: 16px; + allow-scale: false; + letter-spacing: 5px; + word-spacing: 2px; + font-style: normal; + font-weight: bold; + text-decoration: line-through; + text-decoration-color: pink; + text-align: left; + line-height: 40px; + text-overflow: clip; + font-family: sans-serif; + max-lines: 3; + min-font-size:10px; + max-font-size: 20px; + font-size-step:2px; + word-break: normal; + text-valign: middle; + white-space: normal; + text-indent: 1px; +} + +.style9{ + color: mediumslateblue; + allow-scale: false; + letter-spacing: 5px; + word-spacing: 2px; + font-style: normal; + font-weight: lighter; + text-decoration: none; + text-align: right; + line-height: 40px; + text-overflow: clip; + font-family: sans-serif; + max-lines: 3; + font-size-step:2px; + word-break: normal; + text-valign: middle; + white-space: normal; + text-indent: 1px; + prefer-font-sizes: 12px,14px,16px +} + +.event-container{ + flex-direction: column; + flex-weight: 1; +} + +.event1{ + width: 60%; + flex-weight: 1; + background-color: yellow; +} + +.event2{ + width: 70%; + flex-weight: 1; + background-color: red; +} + +.event3{ + width: 80%; + flex-weight: 1; + background-color: #ad4e2a; +} + +.event4{ + flex-direction: row; + width: 90%; + flex-weight: 1; + overflow:scroll; +} + +.event5{ + flex-direction: column; + width: 100%; + height: 90px; + overflow:scroll; +} + +.prop-container{ + flex-direction: column; +} + +#prop1 { + height: 30px; + background-color: mediumslateblue; + width: 100%; + margin: 5px; +} + +.prop2 { + height: 30px; + background-color: pink; + width: 100%; + margin: 5px; +} + +.prop3 { + height: 30px; + background-color: darkseagreen; + width: 100%; + margin: 5px; +} + +.ani-container{ + flex-direction: column; + height: 100%; + flex-weight: 1; +} + +.ani1{ + background-color: #72ac33; + width: 55px; + height: 55px; + 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{ + background-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; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/text/router/index.hml b/ace/ace_standard/src/main/js/default/pages/text/router/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..e0350b5cdf26a4b70f1c8abaf9b5b6e2a3e95a5d --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/router/index.hml @@ -0,0 +1,260 @@ +
+
+
+ + 通用样式 + + + text通用样式1 + + + text通用样式2 + + + text通用样式3 + + + text通用样式4 + + + text通用样式5 + +
+ + + + +
+ + text特有样式 + + + text特有样式1 + + + text特有样式2 + + + text特有样式2 + +
+ + +
+ + 动画样式 + + + text动画样式1 + + + + + text动画样式2 + + + +
+
+ +
+
+ +
+
+ + 通用属性 + + + text通用属性1 + + + + + text通用属性2 + + + + + text通用属性3 + + + +
+
+
+
+ + 通用事件 + + + text通用事件1 + + + + + text通用事件2 + + + + + text通用事件3 + + + +
+
+
+
+ + 通用方法 + + + text通用方法1 + + + + + text通用方法2 + + + + + text通用方法3 + + + +
+
+ +
+
+ +
+
+ + 渐变样式 + + + text渐变样式1 + + + + + text渐变样式2 + + + + + text渐变样式3 + + + + + text渐变样式4 + + + +
+
+
+
+ + text无障碍 + + + text无障碍1 + + + +
+
+
+
+ + 原子布局 + + + text原子布局1 + +
+ + + + + + + + + + + + +
+ + text原子布局2 + +
+ + + + + + + + + + + + +
+ + div原子布局3 + +
+ + + + + + + + + + + + +
+
+
+
+ + 多模输入 + + + text多模输入1 + + + +
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/text/router/index.js b/ace/ace_standard/src/main/js/default/pages/text/router/index.js new file mode 100644 index 0000000000000000000000000000000000000000..fc54bd1646bf707af777fecf2a33846000e358ca --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/router/index.js @@ -0,0 +1,489 @@ +/** + * 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' + }); + }, + + 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/text/style/index.css b/ace/ace_standard/src/main/js/default/pages/text/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..ba39c3f2177da5582ba781c103f5ad8d20bd542d --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/style/index.css @@ -0,0 +1,513 @@ +/** + * 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%; + padding: 1px; +} + +.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; +} + +.style-container{ + flex-direction: column; + width: 50%; +} + +#styleOne{ + width: 150px; + height: 20px; + padding-top: 1px; + padding-left: 2px; + padding-right: 3px; + padding-bottom: 0.5px; + margin-left: 1px; + margin-top: 2px; + margin-right: 1.5px; + margin-bottom: 0.5px; + border-left-style: solid; + border-right-style: dashed; + border-top-style: dotted; + border-bottom-style: solid; + border-left-width: 1px; + border-right-width: 1.5px; + border-top-width: 2px; + border-bottom-width: 0.5px; + border-left-color: #ff0000; + border-right-color: #00ff00; + border-top-color: #0000ff; + border-bottom-color: #fff000; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 15px; + border-top-left-radius: 10px; + border-top-right-radius: 0px; + opacity: 0.5; + align-self:flex-end; +} + +#styleTwo{ + width: 150px; + height: 20px; + padding-start: 1px; + padding-end: 2px; + margin-start: 1px; + margin-end: 2px; + border-style: dotted; + border-width: 2px; + border-color:#0f00f0; + border-radius:5px; + opacity: 1.5; + align-self:flex-start; +} + +#styleThree{ + width: 50px; + height: 20px; + padding: 2px; + margin:1px; + border-left: 1px solid #ff0000; + border-right: 2px dashed #00ff00; + border-top: 1.5px dotted #0000ff; + border-bottom: 2.5px dotted #fff000; + opacity: 1; + align-self:baseline; +} + +#styleFour{ + width: 50px; + height: 20px; + align-self:center; + border: 2px solid #00ff00; +} + +#styleFive{ + width: 150px; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleSix{ + width: 100%; + height: 2%; + background-color: #ff0000; + padding-top: 1%; + padding-left: 2%; + padding-right: 3%; + padding-bottom: 0.5%; + margin-left: 1%; + margin-top: 2%; + margin-right: 1.5%; + margin-bottom: 0.5%; +} + +#styleSeven{ + width: 70%; + height: 1%; + padding-start: 1%; + padding-end: 2%; + margin-start: 1%; + margin-end: 2%; + background-color: #00ff00; +} + +#styleEight{ + width: 60%; + height: 1%; + margin: 1%; + padding: 2%; + background-color: #0000ff; +} + +#styleNine{ + width: 100%; + height: 40px; + display:flex; +} + +#styleFive{ + width: 100%; + height: 40px; + border: 5px; + border-image-source: url('/common/images/image.png'); + border-image-slice: 5px 10px 10px 5px; + border-image-width: 10px 5px 5px 10px; + border-image-outset: 10px 5px 10px 5px; + border-image-repeat: repeat; +} + +#styleTen{ + width: 100%; + height: 400%; + display: none; + background-color: #ff0000; +} + +#styleEleven{ + height: 40%; + background-color: #00ff00; + flex:1 1 20px; + z-index:10; +} + +#styleTwelve{ + height: 50%; + background-color: #ff00ff; + flex-grow:2; + flex-shrink: 3; + flex-basis: 30px; + z-index:13; +} + +#styleThirteen{ + position: absolute; + left: 10px; + top: 20px; + width: 10px; + height: 10px; + background-color: #00ff00; + z-index:12; +} + +#styleFourteen{ + position: absolute; + right: 10px; + bottom: 20px; + width: 10px; + height: 10px; + background-color: #0000ff; + z-index:3; +} + +#styleFifteen{ + position: absolute; + left: 10%; + top: 20%; + width: 10px; + height: 10px; + background-color: #fff000; + z-index:5; +} + +#styleSixteen{ + position: absolute; + right: 10%; + bottom: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:15; +} + +#styleSeventeen{ + position: absolute; + start: 50px; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:7; +} + +#styleEighteen{ + position: absolute; + end: 20px; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:4; +} + +#styleNineteen{ + position: absolute; + start: 20%; + width: 10px; + height: 10px; + background-color: #ffff00; + z-index:1; +} + +#styleTwenty{ + position: absolute; + end: 20%; + width: 10px; + height: 10px; + background-color: #00ffff; + z-index:17; +} + +#styleTwentyOne{ + height: 20px; + box-shadow: 2px 4px; + flex-weight: 1; + margin:5px; +} + +#styleTwentyTwo{ + flex-weight: 1; + height: 20px; + box-shadow: 2px 4px 6px 8px; + margin:5px; +} + +#styleTwentyThree{ + flex-weight: 1; + height: 20px; + box-shadow: 1px 2px 3px 4px #ff0000; + margin:5px; +} + +#styleTwentyFour{ + width: 150px; + height: 20px; + background-color: #00ffff; + clip-path:inset(2 23); + visibility: visible; +} + +#styleTwentyFive{ + width: 150px; + height: 20px; + background-color: #00ffff; + visibility: hidden; +} + +#styleTwentySix{ + width: 150px; + height: 20px; + background-color: #999999; +} + +#styleTwentySeven{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); +} + +#styleTwentyNine{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:contain; + background-repeat: repeat-x; + background-position: center; +} + +#styleThirty{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:50px 10px; + background-repeat: no-repeat; + background-position: 10px 10px; +} + +#styleThirtyOne{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:10% 20%; + background-repeat: repeat; + background-position: 30% 40%; +} + +#styleThirtyTwo{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); + clip-path: margin-box; + image-fill: #000fff; + mask-image: url('common/images/icon.png'); + mask-size: cover; + mask-position: center; +} + +.specific-container{ + flex-direction: column; + flex-weight: 1; +} + +#specificOne{ + width: 70px; + height: 25px; + flex-direction: row; + flex-wrap:nowrap; +} + +#specificTwo{ + width: 100%; + height: 50px; + flex-direction: column; + flex-wrap:wrap; + justify-content:flex-start; + align-items: flex-start; + align-content: flex-start; +} + +#specificThree{ + width: 18%; + height: 48%; + border: 1px solid pink; + flex-direction: row; + justify-content:flex-end; + align-items: flex-end; + align-content: flex-end; + margin: 1%; +} + +#specificFour{ + width: 18%; + height: 48%; + border: 1px solid pink; + flex-direction: row; + justify-content:center; + align-items: center; + align-items: center; + margin: 1%; +} + +#specificFive{ + width: 18%; + height: 48%; + border: 1px solid pink; + flex-direction: row; + justify-content:space-between; + align-items:stretch; + align-content: space-between; + margin: 1%; +} + +#specificSix{ + width: 18%; + height: 48%; + border: 1px solid pink; + flex-direction: row; + justify-content:space-around; + align-items: baseline; + align-content: space-around; + margin: 1%; +} + +#specificSeven{ + width: 50px; + height: 10px; + background-color: #ff0000; + overflow: hidden; +} + +#specificEight{ + width: 70px; + height: 10px; + background-color: #00ff00; + overflow: visible; + margin-left: 10px; +} + +#specificNine{ + width: 100%; + height: 50px; + margin-top: 10px; + overflow: scroll; + flex-direction: column; + scrollbar-color:#ff0000; + scrollbar-width:2px; + overscroll-effect:spring; +} + +#specificTen{ + width: 100%; + height: 10px; + margin-top: 10px; + overflow: scroll; + scrollbar-color:#ff0000; + scrollbar-width:2px; + overscroll-effect:fade; +} + +#specificEleven{ + width: 100%; + height: 10px; + margin-top: 10px; + overflow: scroll; + scrollbar-color:#ff0000; + scrollbar-width:2px; + overscroll-effect:none; +} + +#specificTwelve{ + width: 100%; + height: 30px; + display: grid; + background-color: #000fff; + grid-template-rows: 50px 100px 60px; + grid-rows-gap:10px; + grid-row-start: 1; + grid-row-end: 2; + grid-auto-flow:row; +} + +#specificThirteen{ + width: 100%; + height: 30px; + background-color: #fff000; + display: grid; + grid-template-columns: 50px 100px 60px; + grid-columns-gap:10px; + grid-column-start: 1; + grid-column-end: 2; + grid-auto-flow:column; +} + + +.flex-item{ + width: 40%; + height: 10px; +} + +.red-item{ + background-color: #ff0000; +} + +.green-item{ + background-color: #00ff00; +} + +.blue-item{ + background-color: #0000ff; +} + +.yellow-item{ + background-color: #fff000; +} + diff --git a/ace/ace_standard/src/main/js/default/pages/text/style/index.hml b/ace/ace_standard/src/main/js/default/pages/text/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..5f72ac1c4635ce94cd1094b1e2ef76310957364f --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/text/style/index.hml @@ -0,0 +1,236 @@ + + +
+
+ + div通用样式 + + + + 通用样式 1-8 \n width height padding margin border opacity align-self + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式9-20 \n display flex z-index position + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 通用样式21-23 box-shadow + +
+
+
+
+
+
+
+
+ + + 通用样式23-25 visibility clip-path + +
+
+
+
+ + + 通用样式26-31 background + +
+
+
+
+
+
+
+
+
+
+ + + 通用样式32 clip-path image-fill mask-image + +
+
+
+
+
+
+ + div特有样式 + + + + 特有样式 flex-direction flex-wrap justify-content align-items align-content + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + 文本 + +
+
+
+
+ + + + + 特有样式 overflow scrollbar-color scrollbar-width overscroll-effect + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 特有样式 grid + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/text/index.hml b/ace/ace_standard/src/main/js/default/pages/text/style/index.js similarity index 71% rename from ace/ace_standard/src/main/js/default/pages/text/index.hml rename to ace/ace_standard/src/main/js/default/pages/text/style/index.js index bd3ba576b892b9eac383d841c1fbc9bf80c12c98..8179ff70cbe9fa27c38c5386a6f497949bf60f3a 100644 --- a/ace/ace_standard/src/main/js/default/pages/text/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/text/style/index.js @@ -1,4 +1,4 @@ - + */ - -
- - common style - - - This is a passage - - - This is a passage - -
\ No newline at end of file +export default { + + +} 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 f023ef29cb5f8362e1487d75cbe30762e240b13d..a7201e56d3c2d2c6a3d9a2b2c3841c35fb81a1f7 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 @@ -35,3 +35,7 @@ require('./labelProps.test.js') require('./stackProps.test.js') require('./panelProps.test.js') require('./pieceProps.test.js') +require('./refreshProps.test.js') +require('./swiperProps.test.js') +require('./textProps.test.js') +require('./popupProps.test.js') diff --git a/ace/ace_standard/src/main/js/default/test/panelProps.test.js b/ace/ace_standard/src/main/js/default/test/panelProps.test.js index 6815535802c3f7c0e0f32f56b9270d5f44c63c12..2ce8c96f7353e524373b72c4649e5258e73319ed 100644 --- a/ace/ace_standard/src/main/js/default/test/panelProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/panelProps.test.js @@ -363,7 +363,7 @@ describe('panelPropsJsTest', function () { expect(obj.$type).assertEqual('panel') expect(obj.$attrs.id).assertEqual('dirPropNone') - expect(obj.$attrs.dir).assertEqual('auto') + expect(obj.$attrs.dir).assertEqual(undefined) done(); }); diff --git a/ace/ace_standard/src/main/js/default/test/pieceProps.test.js b/ace/ace_standard/src/main/js/default/test/pieceProps.test.js index 0821c8acd3769acfedfc1725d8c6b945f576eefd..cd17290345f6aed8e87da59d66dbe6cac809b058 100644 --- a/ace/ace_standard/src/main/js/default/test/pieceProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/pieceProps.test.js @@ -701,7 +701,7 @@ describe('piecePropsJsTest', function () { expect(obj.$type).assertEqual('piece') expect(obj.$attrs.id).assertEqual('contentProp') //id - expect(obj.$attrs.show).assertEqual('content') //prop and value + expect(obj.$attrs.show).assertEqual(undefined) //prop and value console.info("[pieceProps] get content value is: " + JSON.stringify(obj.$attrs.content)); done(); }); diff --git a/ace/ace_standard/src/main/js/default/test/popupProps.test.js b/ace/ace_standard/src/main/js/default/test/popupProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..500eb4eae64bdc5122784a49817e10325750f06b --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/popupProps.test.js @@ -0,0 +1,749 @@ +/* + * 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('popupPropsJsTest', 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('[popupPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/popup/prop/index' + } + try { + result = router.push(options) + console.info("push popupProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push popupProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[popupPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupIdProp + * @tc.desc ACE + */ + it('testPopupIdProp', 0, async function (done) { + console.info('testPopupIdProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupClassProp + * @tc.desc ACE + */ + it('testPopupClassProp', 0, async function (done) { + console.info('testPopupClassProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupClassPropNone + * @tc.desc ACE + */ + it('testPopupClassPropNone', 0, async function (done) { + console.info('testPopupClassPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[popupProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupRefProp + * @tc.desc ACE + */ + it('testPopupRefProp', 0, async function (done) { + console.info('testPopupRefProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupRefPropNone + * @tc.desc ACE + */ + it('testPopupRefPropNone', 0, async function (done) { + console.info('testPopupRefPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[popupProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDisabledPropTrue + * @tc.desc ACE + */ + it('testPopupDisabledPropTrue', 0, async function (done) { + console.info('testPopupDisabledPropTrue START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDisabledPropFalse + * @tc.desc ACE + */ + it('testPopupDisabledPropFalse', 0, async function (done) { + console.info('testPopupDisabledPropFalse START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDisabledPropNone + * @tc.desc ACE + */ + it('testPopupDisabledPropNone', 0, async function (done) { + console.info('testPopupDisabledPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDataProp + * @tc.desc ACE + */ + it('testPopupDataProp', 0, async function (done) { + console.info('testPopupDataProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataPopup).assertEqual(undefined); + console.info("[popupProps] get dataPopup value is: " + JSON.stringify(obj.$attrs.dataPopup)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDataPropNone + * @tc.desc ACE + */ + it('testPopupDataPropNone', 0, async function (done) { + console.info('testPopupDataPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataPopup).assertEqual(undefined) + console.info("[popupProps] get dataPopup value is: " + JSON.stringify(obj.$attrs.dataPopup)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupClickEffectPropSmall + * @tc.desc ACE + */ + it('testPopupClickEffectPropSmall', 0, async function (done) { + console.info('testPopupClickEffectPropSmall START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + 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 testPopupClickEffectPropMedium + * @tc.desc ACE + */ + it('testPopupClickEffectPropMedium', 0, async function (done) { + console.info('testPopupClickEffectPropMedium START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + 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 testPopupClickEffectPropLarge + * @tc.desc ACE + */ + it('testPopupClickEffectPropLarge', 0, async function (done) { + console.info('testPopupClickEffectPropLarge START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + 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 testPopupClickEffectPropNone + * @tc.desc ACE + */ + it('testPopupClickEffectPropNone', 0, async function (done) { + console.info('testPopupClickEffectPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[popupProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDirPropRtl + * @tc.desc ACE + */ + it('testPopupDirPropRtl', 0, async function (done) { + console.info('testPopupDirPropRtl START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDirPropLtr + * @tc.desc ACE + */ + it('testPopupDirPropLtr', 0, async function (done) { + console.info('testPopupDirPropLtr START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDirPropAuto + * @tc.desc ACE + */ + it('testPopupDirPropAuto', 0, async function (done) { + console.info('testPopupDirPropAuto START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupDirPropNone + * @tc.desc ACE + */ + it('testPopupDirPropNone', 0, async function (done) { + console.info('testPopupDirPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupForPropNull + * @tc.desc ACE + */ + it('testPopupForPropNull', 0, async function (done) { + console.info('testPopupForPropNull START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[popupProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupForPropOne + * @tc.desc ACE + */ + it('testPopupForPropOne', 0, async function (done) { + console.info('testPopupForPropOne START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[popupProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupForPropThree + * @tc.desc ACE + */ + it('testPopupForPropThree', 0, async function (done) { + console.info('testPopupForPropThree START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[popupProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupIfPropTrue + * @tc.desc ACE + */ + it('testPopupIfPropTrue', 0, async function (done) { + console.info('testPopupIfPropTrue START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[popupProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupShowPropTrue + * @tc.desc ACE + */ + it('testPopupShowPropTrue', 0, async function (done) { + console.info('testPopupShowPropTrue START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[popupProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupShowPropFalse + * @tc.desc ACE + */ + it('testPopupShowPropFalse', 0, async function (done) { + console.info('testPopupShowPropFalse START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[popupProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupShowPropNone + * @tc.desc ACE + */ + it('testPopupShowPropNone', 0, async function (done) { + console.info('testPopupShowPropNone START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[popupProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPopupTargetProp + * @tc.desc ACE + */ + it('testPopupTargetProp', 0, async function (done) { + console.info('testPopupTargetProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.targetProp); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('targetProp') //ID + expect(obj.$attrs.target).assertEqual('target1') //PROP AND VALUE + console.info("[popupProps] get target value is: " + JSON.stringify(obj.$attrs.target)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPlacementPropLeft + * @tc.desc ACE + */ + it('testPlacementPropLeft', 0, async function (done) { + console.info('testPlacementPropLeft START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.placementPropLeft); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('placementPropLeft') //ID + expect(obj.$attrs.placement).assertEqual('left') //PROP AND VALUE + console.info("[popupProps] get placement value is: " + JSON.stringify(obj.$attrs.placement)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPlacementPropRight + * @tc.desc ACE + */ + it('testPlacementPropRight', 0, async function (done) { + console.info('testPlacementPropRight START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.placementPropRight); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('placementPropRight') //ID + expect(obj.$attrs.placement).assertEqual('right') //PROP AND VALUE + console.info("[popupProps] get placement value is: " + JSON.stringify(obj.$attrs.placement)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPlacementPropTop + * @tc.desc ACE + */ + it('testPlacementPropTop', 0, async function (done) { + console.info('testPlacementPropTop START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.placementPropTop); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('placementPropTop') //ID + expect(obj.$attrs.placement).assertEqual('top') //PROP AND VALUE + console.info("[popupProps] get placement value is: " + JSON.stringify(obj.$attrs.placement)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testKeepAlivePropTrue + * @tc.desc ACE + */ + it('testKeepAlivePropTrue', 0, async function (done) { + console.info('testKeepAlivePropTrue START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.keepAlivePropTrue); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('keepAlivePropTrue') //ID + expect(obj.$attrs.keepalive).assertEqual('true') //PROP AND VALUE + console.info("[popupProps] get keepalive value is: " + JSON.stringify(obj.$attrs.keepalive)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testKeepAlivePropFalse + * @tc.desc ACE + */ + it('testKeepAlivePropFalse', 0, async function (done) { + console.info('testKeepAlivePropFalse START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.keepAlivePropFalse); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('keepAlivePropFalse') //ID + expect(obj.$attrs.keepalive).assertEqual('false') //PROP AND VALUE + console.info("[popupProps] get keepalive value is: " + JSON.stringify(obj.$attrs.keepalive)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testClickablePropTrue + * @tc.desc ACE + */ + it('testClickablePropTrue', 0, async function (done) { + console.info('testClickablePropTrue START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickablePropTrue); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('clickablePropTrue') //ID + expect(obj.$attrs.clickable).assertEqual('true') //PROP AND VALUE + console.info("[popupProps] get clickable value is: " + JSON.stringify(obj.$attrs.clickable)); //PROP + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testClickablePropFalse + * @tc.desc ACE + */ + it('testClickablePropFalse', 0, async function (done) { + console.info('testClickablePropFalse START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickablePropFalse); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('clickablePropFalse') //ID + expect(obj.$attrs.clickable).assertEqual('false') //PROP AND VALUE + console.info("[popupProps] get clickable value is: " + JSON.stringify(obj.$attrs.clickable)); //PROP + done(); + }); + + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testArrowOffsetProp + * @tc.desc ACE + */ + it('testArrowOffsetProp', 0, async function (done) { + console.info('testArrowOffsetProp START'); + console.info("[popupProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.arrowOffsetProp); //ID + console.info("[popupProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[popupProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('popup') + expect(obj.$attrs.id).assertEqual('arrowOffsetProp') //ID + expect(obj.$attrs.arrowoffset).assertEqual('10px') //PROP AND VALUE + console.info("[popupProps] get arrowoffset value is: " + JSON.stringify(obj.$attrs.arrowoffset)); //PROP + done(); + }); +}); diff --git a/ace/ace_standard/src/main/js/default/test/refreshProps.test.js b/ace/ace_standard/src/main/js/default/test/refreshProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..a8786b1d0775908b114c2ce545650392dff1de3b --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/refreshProps.test.js @@ -0,0 +1,856 @@ +/** + * 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 router from '@system.router'; +import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + +describe('refreshPropsJsTest', 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('[refreshPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/refresh/prop/index' + } + try { + result = router.push(options) + console.info("push refreshProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push refreshProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[refreshPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshIdProp + * @tc.desc ACE + */ + it('testRefreshIdProp', 0, async function (done) { + console.info('testRefreshIdProp START'); + console.info("[RefreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[RefreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[RefreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshClassProp + * @tc.desc ACE + */ + it('testRefreshClassProp', 0, async function (done) { + console.info('testRefreshClassProp START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshClassPropNone + * @tc.desc ACE + */ + it('testRefreshClassPropNone', 0, async function (done) { + console.info('testRefreshClassPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[refreshProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshStyleProp + * @tc.desc ACEs + */ + // it('testRefreshStyleProp', 0, async function (done) { + // console.info('testRefreshStyleProp START'); + // console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.styleProp); + // console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('refresh') + // expect(obj.$attrs.id).assertEqual('styleProp') + // expect(obj.$attrs.style).assertEqual(undefined) + // console.info("[refreshProps] get style value is: " + JSON.stringify(obj.$attrs.style)); + // + // expect(obj.$styles.width).assertEqual(undefined); + // console.info("[refreshProps] get style width value is: " + JSON.stringify(obj.$styles.width)); + // expect(obj.$styles.height).assertEqual(undefined); + // console.info("[refreshProps] get style height value is: " + JSON.stringify(obj.$styles.height)); + // expect(obj.$styles.get('background-color')).assertEqual(undefined); + // console.info("[refreshProps] 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 testRefreshRefProp + * @tc.desc ACE + */ + it('testRefreshRefProp', 0, async function (done) { + console.info('testRefreshRefProp START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshRefPropNone + * @tc.desc ACE + */ + it('testRefreshRefPropNone', 0, async function (done) { + console.info('testRefreshRefPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[refreshProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDisabledPropTrue + * @tc.desc ACE + */ + it('testRefreshDisabledPropTrue', 0, async function (done) { + console.info('testRefreshDisabledPropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDisabledPropFalse + * @tc.desc ACE + */ + it('testRefreshDisabledPropFalse', 0, async function (done) { + console.info('testRefreshDisabledPropFalse START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDisabledPropNone + * @tc.desc ACE + */ + it('testRefreshDisabledPropNone', 0, async function (done) { + console.info('testRefreshDisabledPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshFocusablePropTrue + * @tc.desc ACE + */ + it('testRefreshFocusablePropTrue', 0, async function (done) { + console.info('testRefreshFocusablePropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshFocusablePropFalse + * @tc.desc ACE + */ + it('testRefreshFocusablePropFalse', 0, async function (done) { + console.info('testRefreshFocusablePropFalse START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshFocusablePropNone + * @tc.desc ACE + */ + it('testRefreshFocusablePropNone', 0, async function (done) { + console.info('testRefreshFocusablePropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDataProp + * @tc.desc ACE + */ + it('testRefreshDataProp', 0, async function (done) { + console.info('testRefreshDataProp START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataRefresh).assertEqual(undefined); + console.info("[refreshProps] get dataRefresh value is: " + JSON.stringify(obj.$attrs.dataRefresh)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDataPropNone + * @tc.desc ACE + */ + it('testRefreshDataPropNone', 0, async function (done) { + console.info('testRefreshDataPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataRefresh).assertEqual(undefined) + console.info("[refreshProps] get dataRefresh value is: " + JSON.stringify(obj.$attrs.dataRefresh)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshClickEffectPropSmall + * @tc.desc ACE + */ + it('testRefreshClickEffectPropSmall', 0, async function (done) { + console.info('testRefreshClickEffectPropSmall START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + 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 testRefreshClickEffectPropMedium + * @tc.desc ACE + */ + it('testRefreshClickEffectPropMedium', 0, async function (done) { + console.info('testRefreshClickEffectPropMedium START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + 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 testRefreshClickEffectPropLarge + * @tc.desc ACE + */ + it('testRefreshClickEffectPropLarge', 0, async function (done) { + console.info('testRefreshClickEffectPropLarge START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + 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 testRefreshClickEffectPropNone + * @tc.desc ACE + */ + it('testRefreshClickEffectPropNone', 0, async function (done) { + console.info('testRefreshClickEffectPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[refreshProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDirPropRtl + * @tc.desc ACE + */ + it('testRefreshDirPropRtl', 0, async function (done) { + console.info('testRefreshDirPropRtl START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDirPropLtr + * @tc.desc ACE + */ + it('testRefreshDirPropLtr', 0, async function (done) { + console.info('testRefreshDirPropLtr START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDirPropAuto + * @tc.desc ACE + */ + it('testRefreshDirPropAuto', 0, async function (done) { + console.info('testRefreshDirPropAuto START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshDirPropNone + * @tc.desc ACE + */ + it('testRefreshDirPropNone', 0, async function (done) { + console.info('testRefreshDirPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshForPropNull + * @tc.desc ACE + */ + it('testRefreshForPropNull', 0, async function (done) { + console.info('testRefreshForPropNull START'); + console.info("[RefreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshForPropOne + * @tc.desc ACE + */ + it('testRefreshForPropOne', 0, async function (done) { + console.info('testRefreshForPropOne START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshForPropThree + * @tc.desc ACE + */ + it('testRefreshForPropThree', 0, async function (done) { + console.info('testRefreshForPropThree START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshIfPropTrue + * @tc.desc ACE + */ + it('testRefreshIfPropTrue', 0, async function (done) { + console.info('testRefreshIfPropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshIfPropFalse + * @tc.desc ACE + */ + // it('testRefreshIfPropFalse', 0, async function (done) { + // console.info('testRefreshIfPropFalse START'); + // console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropFalse); + // console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('refresh') + // expect(obj.$attrs.id).assertEqual('ifPropFalse') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshIfPropNone + * @tc.desc ACE + */ + // it('testRefreshIfPropNone', 0, async function (done) { + // console.info('testRefreshIfPropNone START'); + // console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropNone); + // console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('refresh') + // expect(obj.$attrs.id).assertEqual('ifPropNone') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshShowPropTrue + * @tc.desc ACE + */ + it('testRefreshShowPropTrue', 0, async function (done) { + console.info('testRefreshShowPropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[refreshProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshShowPropFalse + * @tc.desc ACE + */ + it('testRefreshShowPropFalse', 0, async function (done) { + console.info('testRefreshShowPropFalse START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[refreshProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshShowPropNone + * @tc.desc ACE + */ + it('testRefreshShowPropNone', 0, async function (done) { + console.info('testRefreshShowPropNone START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[refreshProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testOffsetProp + * @tc.desc ACE + */ + + it('testOffsetProp', 0, async function (done) { + console.info('testOffsetProp START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.offsetProp); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('offsetProp') + expect(obj.$attrs.offset).assertEqual('10px') + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.offset)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshingPropFalse + * @tc.desc ACE + */ + + it('testRefreshingPropFalse', 0, async function (done) { + console.info('testRefreshingPropFalse START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refreshingPropFalse); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('refreshingPropFalse') + expect(obj.$attrs.refreshing).assertEqual('false') + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.refreshing)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRefreshingPropTrue + * @tc.desc ACE + */ + + it('testRefreshingPropTrue', 0, async function (done) { + console.info('testRefreshingPropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refreshingPropTrue);//id + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh')//type + expect(obj.$attrs.id).assertEqual('refreshingPropTrue')//id + expect(obj.$attrs.refreshing).assertEqual('false')//propValue + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.refreshing)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTypePropAuto + * @tc.desc ACE + */ + + it('testTypePropAuto', 0, async function (done) { + console.info('testTypePropAuto START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typePropAuto); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('typePropAuto') + expect(obj.$attrs.type).assertEqual('auto') + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTypePropPullDown + * @tc.desc ACE + */ + + it('testTypePropPullDown', 0, async function (done) { + console.info('testTypePropPullDown START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typePropPullDown); + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh') + expect(obj.$attrs.id).assertEqual('typePropPullDown') + expect(obj.$attrs.typePropAuto).assertEqual('auto') + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLastTimePropTrue + * @tc.desc ACE + */ + + it('testLastTimePropTrue', 0, async function (done) { + console.info('testLastTimePropTrue START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.lastTimePropTrue);//id + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh')//type + expect(obj.$attrs.id).assertEqual('lastTimePropTrue')//id + expect(obj.$attrs.refreshing).assertEqual('true')//propValue + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.lasttime));//pro + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLastTimePropFalse + * @tc.desc ACE + */ + + it('testLastTimePropFalse', 0, async function (done) { + console.info('testLastTimePropFalse START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.lastTimePropFalse);//id + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh')//type + expect(obj.$attrs.id).assertEqual('lastTimePropFalse')//id + expect(obj.$attrs.refreshing).assertEqual('false')//propValue + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.lasttime));//pro + done(); + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testFrictionProp + * @tc.desc ACE + */ + + it('testFrictionProp', 0, async function (done) { + console.info('testFrictionProp START'); + console.info("[refreshProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.frictionProp);//id + console.info("[refreshProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[refreshProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('refresh')//type + expect(obj.$attrs.id).assertEqual('frictionProp')//id + expect(obj.$attrs.refreshing).assertEqual('42')//propValue + console.info("[refreshProps] get for value is: " + JSON.stringify(obj.$attrs.friction));//pro + done(); + }) + +}); diff --git a/ace/ace_standard/src/main/js/default/test/swiperProps.test.js b/ace/ace_standard/src/main/js/default/test/swiperProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..af47d356b706e51e56935e8f023b0f4555ed78b8 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/swiperProps.test.js @@ -0,0 +1,1128 @@ +/** + * 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 router from '@system.router'; +import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + +describe('swiperPropsJsTest', 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('[swiperPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/swiper/prop/index' + } + try { + result = router.push(options) + console.info("push swiperProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push swiperProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[swiperPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIdProp + * @tc.desc ACE + */ + it('testSwiperIdProp', 0, async function (done) { + console.info('testSwiperIdProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperClassProp + * @tc.desc ACE + */ + it('testSwiperClassProp', 0, async function (done) { + console.info('testSwiperClassProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperClassPropNone + * @tc.desc ACE + */ + it('testSwiperClassPropNone', 0, async function (done) { + console.info('testSwiperClassPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[swiperProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperStyleProp + * @tc.desc ACEs + */ + // it('testSwiperStyleProp', 0, async function (done) { + // console.info('testSwiperStyleProp START'); + // console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.styleProp); + // console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('swiper') + // expect(obj.$attrs.id).assertEqual('styleProp') + // expect(obj.$attrs.style).assertEqual(undefined) + // console.info("[swiperProps] get style value is: " + JSON.stringify(obj.$attrs.style)); + // + // expect(obj.$styles.width).assertEqual(undefined); + // console.info("[swiperProps] get style width value is: " + JSON.stringify(obj.$styles.width)); + // expect(obj.$styles.height).assertEqual(undefined); + // console.info("[swiperProps] get style height value is: " + JSON.stringify(obj.$styles.height)); + // expect(obj.$styles.get('background-color')).assertEqual(undefined); + // console.info("[swiperProps] 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 testSwiperRefProp + * @tc.desc ACE + */ + it('testSwiperRefProp', 0, async function (done) { + console.info('testSwiperRefProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperRefPropNone + * @tc.desc ACE + */ + it('testSwiperRefPropNone', 0, async function (done) { + console.info('testSwiperRefPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[swiperProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDisabledPropTrue + * @tc.desc ACE + */ + it('testSwiperDisabledPropTrue', 0, async function (done) { + console.info('testSwiperDisabledPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDisabledPropFalse + * @tc.desc ACE + */ + it('testSwiperDisabledPropFalse', 0, async function (done) { + console.info('testSwiperDisabledPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDisabledPropNone + * @tc.desc ACE + */ + it('testSwiperDisabledPropNone', 0, async function (done) { + console.info('testSwiperDisabledPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperFocusablePropTrue + * @tc.desc ACE + */ + it('testSwiperFocusablePropTrue', 0, async function (done) { + console.info('testSwiperFocusablePropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperFocusablePropFalse + * @tc.desc ACE + */ + it('testSwiperFocusablePropFalse', 0, async function (done) { + console.info('testSwiperFocusablePropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperFocusablePropNone + * @tc.desc ACE + */ + it('testSwiperFocusablePropNone', 0, async function (done) { + console.info('testSwiperFocusablePropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDataProp + * @tc.desc ACE + */ + it('testSwiperDataProp', 0, async function (done) { + console.info('testSwiperDataProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataSwiper).assertEqual(undefined); + console.info("[swiperProps] get dataSwiper value is: " + JSON.stringify(obj.$attrs.dataSwiper)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDataPropNone + * @tc.desc ACE + */ + it('testSwiperDataPropNone', 0, async function (done) { + console.info('testSwiperDataPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataSwiper).assertEqual(undefined) + console.info("[swiperProps] get dataSwiper value is: " + JSON.stringify(obj.$attrs.dataSwiper)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperClickEffectPropSmall + * @tc.desc ACE + */ + it('testSwiperClickEffectPropSmall', 0, async function (done) { + console.info('testSwiperClickEffectPropSmall START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + 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 testSwiperClickEffectPropMedium + * @tc.desc ACE + */ + it('testSwiperClickEffectPropMedium', 0, async function (done) { + console.info('testSwiperClickEffectPropMedium START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + 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 testSwiperClickEffectPropLarge + * @tc.desc ACE + */ + it('testSwiperClickEffectPropLarge', 0, async function (done) { + console.info('testSwiperClickEffectPropLarge START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + 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 testSwiperClickEffectPropNone + * @tc.desc ACE + */ + it('testSwiperClickEffectPropNone', 0, async function (done) { + console.info('testSwiperClickEffectPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[swiperProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDirPropRtl + * @tc.desc ACE + */ + it('testSwiperDirPropRtl', 0, async function (done) { + console.info('testSwiperDirPropRtl START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDirPropLtr + * @tc.desc ACE + */ + it('testSwiperDirPropLtr', 0, async function (done) { + console.info('testSwiperDirPropLtr START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDirPropAuto + * @tc.desc ACE + */ + it('testSwiperDirPropAuto', 0, async function (done) { + console.info('testSwiperDirPropAuto START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDirPropNone + * @tc.desc ACE + */ + it('testSwiperDirPropNone', 0, async function (done) { + console.info('testSwiperDirPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperForPropNull + * @tc.desc ACE + */ + it('testSwiperForPropNull', 0, async function (done) { + console.info('testSwiperForPropNull START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[swiperProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperForPropOne + * @tc.desc ACE + */ + it('testSwiperForPropOne', 0, async function (done) { + console.info('testSwiperForPropOne START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[swiperProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperForPropThree + * @tc.desc ACE + */ + it('testSwiperForPropThree', 0, async function (done) { + console.info('testSwiperForPropThree START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[swiperProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIfPropTrue + * @tc.desc ACE + */ + it('testSwiperIfPropTrue', 0, async function (done) { + console.info('testSwiperIfPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[swiperProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIfPropFalse + * @tc.desc ACE + */ + // it('testSwiperIfPropFalse', 0, async function (done) { + // console.info('testSwiperIfPropFalse START'); + // console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropFalse); + // console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('swiper') + // expect(obj.$attrs.id).assertEqual('ifPropFalse') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIfPropNone + * @tc.desc ACE + */ + // it('testSwiperIfPropNone', 0, async function (done) { + // console.info('testSwiperIfPropNone START'); + // console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropNone); + // console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('swiper') + // expect(obj.$attrs.id).assertEqual('ifPropNone') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperShowPropTrue + * @tc.desc ACE + */ + it('testSwiperShowPropTrue', 0, async function (done) { + console.info('testSwiperShowPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[swiperProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperShowPropFalse + * @tc.desc ACE + */ + it('testSwiperShowPropFalse', 0, async function (done) { + console.info('testSwiperShowPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[swiperProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperShowPropNone + * @tc.desc ACE + */ + it('testSwiperShowPropNone', 0, async function (done) { + console.info('testSwiperShowPropNone START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[swiperProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndexProp + * @tc.desc ACE + */ + it('testSwiperIndexProp', 0, async function (done) { + console.info('testSwiperIndexProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indexProp); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indexProp') //ID + expect(obj.$attrs.index).assertEqual('0') // prop and propValue + console.info("[swiperProps] get index value is: " + JSON.stringify(obj.$attrs.index)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperAutoplayPropTrue + * @tc.desc ACE + */ + it('testSwiperAutoplayPropTrue', 0, async function (done) { + console.info('testSwiperAutoplayPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.autoplayPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('autoplayPropTrue') //ID + expect(obj.$attrs.autoplay).assertEqual('true') // prop and propValue + console.info("[swiperProps] get autoplay value is: " + JSON.stringify(obj.$attrs.autoplay));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperAutoplayPropFalse + * @tc.desc ACE + */ + it('testSwiperAutoplayPropFalse', 0, async function (done) { + console.info('testSwiperAutoplayPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.autoplayPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('autoplayPropFalse') //ID + expect(obj.$attrs.autoplay).assertEqual('false') // prop and propValue + console.info("[swiperProps] get autoplay value is: " + JSON.stringify(obj.$attrs.autoplay));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIntervalProp + * @tc.desc ACE + */ + it('testSwiperIntervalProp', 0, async function (done) { + console.info('testSwiperIntervalProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.intervalProp); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('intervalProp') //ID + expect(obj.$attrs.interval).assertEqual('2000') // prop and propValue + console.info("[swiperProps] get interval value is: " + JSON.stringify(obj.$attrs.interval));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorPropTrue + * @tc.desc ACE + */ + it('testSwiperIndicatorPropTrue', 0, async function (done) { + console.info('testSwiperIndicatorPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorPropTrue') //ID + expect(obj.$attrs.indicator).assertEqual('true') // prop and propValue + console.info("[swiperProps] get indicator value is: " + JSON.stringify(obj.$attrs.indicator));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorPropFalse + * @tc.desc ACE + */ + it('testSwiperIndicatorPropFalse', 0, async function (done) { + console.info('testSwiperIndicatorPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorPropFalse') //ID + expect(obj.$attrs.indicator).assertEqual('false') // prop and propValue + console.info("[swiperProps] get indicator value is: " + JSON.stringify(obj.$attrs.indicator));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDigitalPropTrue + * @tc.desc ACE + */ + it('testSwiperDigitalPropTrue', 0, async function (done) { + console.info('testSwiperDigitalPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.digitalPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('digitalPropTrue') //ID + expect(obj.$attrs.digital).assertEqual('true') // prop and propValue + console.info("[swiperProps] get digital value is: " + JSON.stringify(obj.$attrs.digital));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDigitalPropFalse + * @tc.desc ACE + */ + it('testSwiperDigitalPropFalse', 0, async function (done) { + console.info('testSwiperDigitalPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.digitalPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('digitalPropFalse') //ID + expect(obj.$attrs.digital).assertEqual('false') // prop and propValue + console.info("[swiperProps] get digital value is: " + JSON.stringify(obj.$attrs.digital));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorMaskPropTrue + * @tc.desc ACE + */ + it('testSwiperIndicatorMaskPropTrue', 0, async function (done) { + console.info('testSwiperIndicatorMaskPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorMaskPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorMaskPropTrue') //ID + expect(obj.$attrs.indicatormask).assertEqual('true') // prop and propValue + console.info("[swiperProps] get indicatormask value is: " + JSON.stringify(obj.$attrs.indicatormask));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorMaskPropFalse + * @tc.desc ACE + */ + it('testSwiperIndicatorMaskPropFalse', 0, async function (done) { + console.info('testSwiperIndicatorMaskPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorMaskPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorMaskPropFalse') //ID + expect(obj.$attrs.indicatormask).assertEqual('false') // prop and propValue + console.info("[swiperProps] get indicatormask value is: " + JSON.stringify(obj.$attrs.indicatormask));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorDisabledPropTrue + * @tc.desc ACE + */ + it('testSwiperIndicatorDisabledPropTrue', 0, async function (done) { + console.info('testSwiperIndicatorDisabledPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorDisabledPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorDisabledPropTrue') //ID + expect(obj.$attrs.indicatordisabled).assertEqual('true') // prop and propValue + console.info("[swiperProps] get indicatordisabled value is: " + JSON.stringify(obj.$attrs.indicatordisabled));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperIndicatorDisabledPropFalse + * @tc.desc ACE + */ + it('testSwiperIndicatorDisabledPropFalse', 0, async function (done) { + console.info('testSwiperIndicatorDisabledPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorDisabledPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('indicatorDisabledPropFalse') //ID + expect(obj.$attrs.indicatordisabled).assertEqual('false') // prop and propValue + console.info("[swiperProps] get indicatordisabled value is: " + JSON.stringify(obj.$attrs.indicatordisabled));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperLoopPropTrue + * @tc.desc ACE + */ + it('testSwiperLoopPropTrue', 0, async function (done) { + console.info('testSwiperLoopPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.loopPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('loopPropTrue') //ID + expect(obj.$attrs.loop).assertEqual('true') // prop and propValue + console.info("[swiperProps] get loop value is: " + JSON.stringify(obj.$attrs.loop));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperLoopPropFalse + * @tc.desc ACE + */ + it('testSwiperLoopPropFalse', 0, async function (done) { + console.info('testSwiperLoopPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.loopPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('loopPropFalse') //ID + expect(obj.$attrs.loop).assertEqual('false') // prop and propValue + console.info("[swiperProps] get loop value is: " + JSON.stringify(obj.$attrs.loop));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDurationProp + * @tc.desc ACE + */ + it('testSwiperDurationProp', 0, async function (done) { + console.info('testSwiperDurationProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.durationProp); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('durationProp') //ID + expect(obj.$attrs.duration).assertEqual('3000') // prop and propValue + console.info("[swiperProps] get duration value is: " + JSON.stringify(obj.$attrs.duration));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperVerticalPropTrue + * @tc.desc ACE + */ + it('testSwiperVerticalPropTrue', 0, async function (done) { + console.info('testSwiperVerticalPropTrue START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.verticalPropTrue); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('verticalPropTrue') //ID + expect(obj.$attrs.vertical).assertEqual('true') // prop and propValue + console.info("[swiperProps] get vertical value is: " + JSON.stringify(obj.$attrs.vertical));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperVerticalPropFalse + * @tc.desc ACE + */ + it('testSwiperVerticalPropFalse', 0, async function (done) { + console.info('testSwiperVerticalPropFalse START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.verticalPropFalse); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('verticalPropFalse') //ID + expect(obj.$attrs.vertical).assertEqual('false') // prop and propValue + console.info("[swiperProps] get vertical value is: " + JSON.stringify(obj.$attrs.vertical));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperCachedSizeProp + * @tc.desc ACE + */ + it('testSwiperCachedSizeProp', 0, async function (done) { + console.info('testSwiperCachedSizeProp START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.cachedSizeProp); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('cachedSizeProp') //ID + expect(obj.$attrs.cachedsize).assertEqual('-1') // prop and propValue + console.info("[swiperProps] get cachedsize value is: " + JSON.stringify(obj.$attrs.cachedsize));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperScrollEffectPropFade + * @tc.desc ACE + */ + it('testSwiperScrollEffectPropFade', 0, async function (done) { + console.info('testSwiperScrollEffectPropFade START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.scrollEffectPropFade); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('scrollEffectPropFade') //ID + expect(obj.$attrs.scrolleffect).assertEqual('fade') // prop and propValue + console.info("[swiperProps] get scrolleffect value is: " + JSON.stringify(obj.$attrs.scrolleffect));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperScrollEffectPropSpring + * @tc.desc ACE + */ + it('testSwiperScrollEffectPropSpring', 0, async function (done) { + console.info('testSwiperScrollEffectPropSpring START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.scrollEffectPropSpring); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('scrollEffectPropSpring') //ID + expect(obj.$attrs.scrolleffect).assertEqual('spring') // prop and propValue + console.info("[swiperProps] get scrolleffect value is: " + JSON.stringify(obj.$attrs.scrolleffect));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDisplayModePropStretch + * @tc.desc ACE + */ + it('testSwiperDisplayModePropStretch', 0, async function (done) { + console.info('testSwiperDisplayModePropStretch START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.displayModePropStretch); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('displayModePropStretch') //ID + expect(obj.$attrs.displaymode).assertEqual('stretch') // prop and propValue + console.info("[swiperProps] get displaymode value is: " + JSON.stringify(obj.$attrs.displaymode));//prop + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testSwiperDisplayModePropAutoLinear + * @tc.desc ACE + */ + it('testSwiperDisplayModePropAutoLinear', 0, async function (done) { + console.info('testSwiperDisplayModePropAutoLinear START'); + console.info("[swiperProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.displayModePropAutoLinear); //id + console.info("[swiperProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[swiperProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('swiper') + expect(obj.$attrs.id).assertEqual('displayModePropAutoLinear') //ID + expect(obj.$attrs.displaymode).assertEqual('autoLinear') // prop and propValue + console.info("[swiperProps] get displaymode value is: " + JSON.stringify(obj.$attrs.displaymode));//prop + done(); + }); +}); diff --git a/ace/ace_standard/src/main/js/default/test/textProps.test.js b/ace/ace_standard/src/main/js/default/test/textProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..111dfeb5dfd5a199fea2b359df67abca77d0df26 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/textProps.test.js @@ -0,0 +1,689 @@ +/** + * 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 router from '@system.router'; +import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + +describe('textPropsJsTest', 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('[textPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/text/prop/index' + } + try { + result = router.push(options) + console.info("push textProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push textProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[textPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextIdProp + * @tc.desc ACE + */ + it('testTextIdProp', 0, async function (done) { + console.info('testTextIdProp START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextClassProp + * @tc.desc ACE + */ + it('testTextClassProp', 0, async function (done) { + console.info('testTextClassProp START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextClassPropNone + * @tc.desc ACE + */ + it('testTextClassPropNone', 0, async function (done) { + console.info('testTextClassPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[textProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextStyleProp + * @tc.desc ACEs + */ + // it('testTextStyleProp', 0, async function (done) { + // console.info('testTextStyleProp START'); + // console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.styleProp); + // console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('text') + // expect(obj.$attrs.id).assertEqual('styleProp') + // expect(obj.$attrs.style).assertEqual(undefined) + // console.info("[textProps] get style value is: " + JSON.stringify(obj.$attrs.style)); + // + // expect(obj.$styles.width).assertEqual(undefined); + // console.info("[textProps] get style width value is: " + JSON.stringify(obj.$styles.width)); + // expect(obj.$styles.height).assertEqual(undefined); + // console.info("[textProps] get style height value is: " + JSON.stringify(obj.$styles.height)); + // expect(obj.$styles.get('background-color')).assertEqual(undefined); + // console.info("[textProps] 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 testTextRefProp + * @tc.desc ACE + */ + it('testTextRefProp', 0, async function (done) { + console.info('testTextRefProp START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextRefPropNone + * @tc.desc ACE + */ + it('testTextRefPropNone', 0, async function (done) { + console.info('testTextRefPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[textProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDisabledPropTrue + * @tc.desc ACE + */ + it('testTextDisabledPropTrue', 0, async function (done) { + console.info('testTextDisabledPropTrue START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDisabledPropFalse + * @tc.desc ACE + */ + it('testTextDisabledPropFalse', 0, async function (done) { + console.info('testTextDisabledPropFalse START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDisabledPropNone + * @tc.desc ACE + */ + it('testTextDisabledPropNone', 0, async function (done) { + console.info('testTextDisabledPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextFocusablePropTrue + * @tc.desc ACE + */ + it('testTextFocusablePropTrue', 0, async function (done) { + console.info('testTextFocusablePropTrue START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextFocusablePropFalse + * @tc.desc ACE + */ + it('testTextFocusablePropFalse', 0, async function (done) { + console.info('testTextFocusablePropFalse START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextFocusablePropNone + * @tc.desc ACE + */ + it('testTextFocusablePropNone', 0, async function (done) { + console.info('testTextFocusablePropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDataProp + * @tc.desc ACE + */ + it('testTextDataProp', 0, async function (done) { + console.info('testTextDataProp START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataText).assertEqual(undefined); + console.info("[textProps] get dataText value is: " + JSON.stringify(obj.$attrs.dataText)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDataPropNone + * @tc.desc ACE + */ + it('testTextDataPropNone', 0, async function (done) { + console.info('testTextDataPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataText).assertEqual(undefined) + console.info("[textProps] get dataText value is: " + JSON.stringify(obj.$attrs.dataText)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextClickEffectPropSmall + * @tc.desc ACE + */ + it('testTextClickEffectPropSmall', 0, async function (done) { + console.info('testTextClickEffectPropSmall START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + 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 testTextClickEffectPropMedium + * @tc.desc ACE + */ + it('testTextClickEffectPropMedium', 0, async function (done) { + console.info('testTextClickEffectPropMedium START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + 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 testTextClickEffectPropLarge + * @tc.desc ACE + */ + it('testTextClickEffectPropLarge', 0, async function (done) { + console.info('testTextClickEffectPropLarge START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + 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 testTextClickEffectPropNone + * @tc.desc ACE + */ + it('testTextClickEffectPropNone', 0, async function (done) { + console.info('testTextClickEffectPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[textProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDirPropRtl + * @tc.desc ACE + */ + it('testTextDirPropRtl', 0, async function (done) { + console.info('testTextDirPropRtl START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDirPropLtr + * @tc.desc ACE + */ + it('testTextDirPropLtr', 0, async function (done) { + console.info('testTextDirPropLtr START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDirPropAuto + * @tc.desc ACE + */ + it('testTextDirPropAuto', 0, async function (done) { + console.info('testTextDirPropAuto START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextDirPropNone + * @tc.desc ACE + */ + it('testTextDirPropNone', 0, async function (done) { + console.info('testTextDirPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextForPropNull + * @tc.desc ACE + */ + it('testTextForPropNull', 0, async function (done) { + console.info('testTextForPropNull START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[textProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextForPropOne + * @tc.desc ACE + */ + it('testTextForPropOne', 0, async function (done) { + console.info('testTextForPropOne START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[textProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextForPropThree + * @tc.desc ACE + */ + it('testTextForPropThree', 0, async function (done) { + console.info('testTextForPropThree START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[textProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextIfPropTrue + * @tc.desc ACE + */ + it('testTextIfPropTrue', 0, async function (done) { + console.info('testTextIfPropTrue START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[textProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextIfPropFalse + * @tc.desc ACE + */ + // it('testTextIfPropFalse', 0, async function (done) { + // console.info('testTextIfPropFalse START'); + // console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropFalse); + // console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('text') + // expect(obj.$attrs.id).assertEqual('ifPropFalse') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextIfPropNone + * @tc.desc ACE + */ + // it('testTextIfPropNone', 0, async function (done) { + // console.info('testTextIfPropNone START'); + // console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropNone); + // console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('text') + // expect(obj.$attrs.id).assertEqual('ifPropNone') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextPropsShowPropTrue + * @tc.desc ACE + */ + it('testTextPropsShowPropTrue', 0, async function (done) { + console.info('testTextPropsShowPropTrue START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[textProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextShowPropFalse + * @tc.desc ACE + */ + it('testTextShowPropFalse', 0, async function (done) { + console.info('testTextShowPropFalse START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[textProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testTextShowPropNone + * @tc.desc ACE + */ + it('testTextShowPropNone', 0, async function (done) { + console.info('testTextShowPropNone START'); + console.info("[textProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[textProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[textProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('text') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[textProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); +});