diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json index e1e2f2ffa374f288bb487aed2d7b017585a96a2d..2c9acf7b93c2096a3e192bd84d09a67e8cae04c9 100755 --- a/ace/ace_standard/src/main/config.json +++ b/ace/ace_standard/src/main/config.json @@ -65,7 +65,8 @@ "pages/image/router/index", "pages/label/router/index", "pages/label/prop/index", - "pages/rating/index", + "pages/rating/prop/index", + "pages/rating/router/index", "pages/search/router/index", "pages/search/prop/index", "pages/toolbar/index", diff --git a/ace/ace_standard/src/main/js/default/pages/rating/index.css b/ace/ace_standard/src/main/js/default/pages/rating/index.css deleted file mode 100644 index b9c99aa624d708c9956ad3986787d025f6926191..0000000000000000000000000000000000000000 --- a/ace/ace_standard/src/main/js/default/pages/rating/index.css +++ /dev/null @@ -1,331 +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. - */ - -.container { - flex-direction: row; - width: 100%; - height: 100%; -} - -.sub-container{ - flex-direction: column; - height: 100%; - flex-weight: 1; -} - -.style-container{ - flex-direction: column; - height: 70%; -} - -.title{ - width: 100%; - font-size: 18px; - margin: 2px; - padding: 2px; - font-weight: bold; - text-align: center; -} - -.sub-title{ - width: 100%; - font-size: 14px; - text-align: left; - margin: 2px; - padding: 2px; -} - -.style1{ - width: 100%; - height: 100%; - min-width: 25px; - min-height: 10px; - max-width: 300px; - max-height: 50px; - padding-left: 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: 50px; - height: 20px; - padding-start: 10px; - padding-end: 15px; - margin-start: 5px; - margin-end: 10px; - border-style: dotted; - border-width: 2px; - border-color:#000000; - border-radius:5px; - background-color:#ffaa00; - mask-image: url('common/images/icon.png'); - mask-size: cover; - mask-position: center; - -} - -.style3{ - width: 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: 60%; - height: 6%; - padding: 3px; - margin: 5px; - border: 2px solid #000000; -} - -.contain1{ - width: 150px; - height: 70px; - flex-direction: column; -} - -.style5{ - width: 120px; - 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: 120px; - 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 { - width: 90%; - height: 40px; - star-background: url('/common/images/star-1-1.png'); - star-foreground: url('/common/images/star-1-3.png'); - star-secondary: url('/common/images/star-1-2.png'); - rtl-flip:false -} - -.style8 { - width: 100%; - margin: 10px; - rtl-flip:true -} - -.prop-container{ - flex-direction: column; -} - -#prop1 { - width: 100%; - height: 30px; -} - -.prop2 { - width: 80%; - height: 20px; -} - -.prop4 { - width: 60%; - height: 40px; -} - -.prop5 { - width: 90%; - height: 50px; -} - -.ani-container{ - flex-direction: column; -} - -.ani1{ - background-color: #72ac33; - width: 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) skew(40deg); - 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) skewX(25deg) skewY(15deg) - } - 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; - margin: 5px; -} - -.gradient-container{ - flex-direction: column; -} - -.gradient1{ - width: 100%; - height: 30px; - background: linear-gradient(red, #00ff00); -} - -.gradient2{ - width: 100%; - height: 20px; - background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0)); -} - -.gradient3{ - width: 100%; - height: 40px; - background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%); -} - -.gradient4{ - width: 100%; - height: 50px; - background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px); -} - -.access-container{ - flex-direction: column; -} - -.access1{ - width: 100%; - height: 30px; -} - -.atom-container{ - flex-direction: column; -} - -.multimode-container{ - flex-direction: column; -} - -.multimode1{ - width: 100%; - height: 30px; -} - -.multimode1{ - width: 100%; - height: 30px; -} - -.event-container{ - flex-direction: column; - height: 30%; -} - -.event1{ - width: 60%; - flex-weight: 1; -} - -.event2{ - width: 70%; - flex-weight: 1; -} - -.event3{ - width: 80%; - flex-weight: 1; -} - -.event4{ - width: 90%; - flex-weight: 1; -} - -.function-container{ - flex-direction: column; -} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/rating/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/index.hml deleted file mode 100644 index 52cf6c5aa9135ca48e702d68a9a697152dbf467f..0000000000000000000000000000000000000000 --- a/ace/ace_standard/src/main/js/default/pages/rating/index.hml +++ /dev/null @@ -1,292 +0,0 @@ - - -
-
-
- - 通用样式 - - - rating通用样式1 - - - - - rating通用样式2 - - - - - rating通用样式3 - - - - - rating通用样式4 - - - - - rating通用样式5 - -
- - - - -
- - rating特有样式 - - - - - -
- - -
- - 通用事件 - - - rating通用事件1 - - - - - rating通用事件2 - - - - - rating通用事件3 - - - - - rating特有事件4 - - - -
-
- - - -
-
- - 通用属性 - - - rating通用属性1 - - - - - rating通用属性2 - - - - - rating通用属性3 - - - - - rating特有属性4 - - - - - rating特有属性5 - - - -
- - -
- - 通用方法 - - - rating通用方法1 - - - - - rating通用方法2 - - - - - rating通用方法3 - - - -
- - -
- - 动画样式 - - - rating动画样式1 - - - - - rating - - - -
-
- - - - -
-
- - 渐变样式 - - - rating渐变样式1 - - - - - rating渐变样式2 - - - - - rating渐变样式3 - - - - - rating渐变样式4 - - - -
- - -
- - 无障碍 - - - rating无障碍1 - - - -
- - -
- - 原子布局 - - - rating原子布局1 - -
- - - - - - - - - - - - -
- - rating原子布局2 - -
- - - - - - - - - - - - -
- - rating原子布局3 - -
- - - - - - - - - - - - -
-
- - -
- - 多模输入 - - - divider多模输入1 - - - -
-
-
\ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..3b6a4681a47ae6a353f91f33ecf9e12b75f1e6b3 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css @@ -0,0 +1,408 @@ +/** + * 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; +} +#numstars{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} +#rating{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} +#stepsize{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} +#indicatorFalse{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} +#indicatorTrue{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} + +#indicatorNone{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 20px; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..26fd8f37df7499f7c7d29ee98e4d44f7fcdba5ea --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml @@ -0,0 +1,196 @@ + + +
+
+ + rating通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + rating特有属性 + + + 特有属性 -- numstars + + + + + + 特有属性 -- rating + + + + + 特有属性 -- stepsize + + + + + 特有属性 -- indicator + + + + + + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..766924714e9722211ac647a692c55a09a1be2408 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js @@ -0,0 +1,126 @@ +/** + * 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, + + numstars : null, + rating : null, + stepsize : null, + indicatorFalse : null, + indicatorTrue : null, + indicatorNone : null + }, + + onShow(){ + this.getCommonPropValues(); + this.getSpecificPropValues(); + globalThis.value = { + idProp : this.idProp, classProp : this.classProp, classPropNone : this.classPropNone, + styleProp : this.styleProp, refProp : this.refProp, refPropNone : this.refPropNone, + disabledPropTrue : this.disabledPropTrue, disabledPropFalse : this.disabledPropFalse, + disabledPropNone : this.disabledPropNone, focusablePropTrue : this.focusablePropTrue, + focusablePropFalse : this.focusablePropFalse, focusablePropNone : this.focusablePropNone, + dataProp : this.dataProp, dataPropNone : this.dataPropNone, + clickEffectPropSmall : this.clickEffectPropSmall, clickEffectPropMedium : this.clickEffectPropMedium, + clickEffectPropLarge : this.clickEffectPropLarge, clickEffectPropNone : this.clickEffectPropNone, + dirPropRtl : this.dirPropRtl, dirPropAuto : this.dirPropAuto, dirPropLtr : this.dirPropLtr, + dirPropNone : this.dirPropNone, forPropNull : this.forPropNull, forPropOne : this.forPropOne, + forPropThree : this.forPropThree, ifPropTrue : this.ifPropTrue, showPropTrue : this.showPropTrue, + showPropFalse : this.showPropFalse, showPropNone : this.showPropNone, + + numstars : this.numstars, + rating : this.rating, + stepsize : this.stepsize, + indicatorFalse : this.indicatorFalse, + indicatorTrue : this.indicatorTrue, + indicatorNone : this.indicatorNone + } + }, + + getCommonPropValues(){ + this.idProp = this.$element("idProp").getInspector() + this.classProp = this.$element("classProp").getInspector() + this.classPropNone = this.$element("classPropNone").getInspector() + this.styleProp = this.$element("styleProp").getInspector() + this.refProp = this.$element("refProp").getInspector() + this.refPropNone = this.$element("refPropNone").getInspector() + this.disabledPropTrue = this.$element("disabledPropTrue").getInspector() + this.disabledPropFalse = this.$element("disabledPropFalse").getInspector() + this.disabledPropNone = this.$element("disabledPropNone").getInspector() + this.focusablePropTrue = this.$element("focusablePropTrue").getInspector() + this.focusablePropFalse = this.$element("focusablePropFalse").getInspector() + this.focusablePropNone = this.$element("focusablePropNone").getInspector() + this.dataProp = this.$element("dataProp").getInspector() + this.dataPropNone = this.$element("dataPropNone").getInspector() + this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector() + this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector() + this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector() + this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector() + this.dirPropRtl = this.$element("dirPropRtl").getInspector() + this.dirPropAuto = this.$element("dirPropAuto").getInspector() + this.dirPropLtr = this.$element("dirPropLtr").getInspector() + this.dirPropNone = this.$element("dirPropNone").getInspector() + this.forPropNull = this.$element("forPropNull").getInspector() + this.forPropOne = this.$element("forPropOne").getInspector() + this.forPropThree = this.$element("forPropThree").getInspector() + this.ifPropTrue = this.$element("ifPropTrue").getInspector() + this.showPropTrue = this.$element("showPropTrue").getInspector() + this.showPropFalse = this.$element("showPropFalse").getInspector() + this.showPropNone = this.$element("showPropNone").getInspector() + }, + + getSpecificPropValues(){ + this.numstars = this.$element("numstars").getInspector() + this.rating = this.$element("rating").getInspector() + this.stepsize = this.$element("stepsize").getInspector() + this.indicatorFalse = this.$element("indicatorFalse").getInspector() + this.indicatorTrue = this.$element("indicatorTrue").getInspector() + this.indicatorNone = this.$element("indicatorNone").getInspector() + } +} diff --git a/ace/ace_standard/src/main/js/default/pages/rating/router/index.css b/ace/ace_standard/src/main/js/default/pages/rating/router/index.css new file mode 100644 index 0000000000000000000000000000000000000000..345fa9b0985267e40c761bbc511188dca181739b --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/router/index.css @@ -0,0 +1,478 @@ +/** + * 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: 70%; +} + +.title{ + width: 100%; + font-size: 18px; + margin: 2px; + padding: 2px; + font-weight: bold; + text-align: center; +} + +.sub-title{ + width: 100%; + font-size: 14px; + text-align: left; + margin: 2px; + padding: 2px; +} + +.style1{ + width: 100%; + height: 100%; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + padding-left: 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: 50px; + height: 20px; + padding-start: 10px; + padding-end: 15px; + margin-start: 5px; + margin-end: 10px; + border-style: dotted; + border-width: 2px; + border-color:#000000; + border-radius:5px; + background-color:#ffaa00; + mask-image: url('common/images/icon.png'); + mask-size: cover; + mask-position: center; +} + +.style3{ + width: 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: 60%; + 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 { + width: 100%; + flex-direction: column; + flex-wrap:wrap; + justify-content:flex-start; + align-items: flex-end; + align-content:space-around; + display: flex; + height: 30px; +} + +.style8{ + flex-direction: row; + flex-wrap:nowrap; + scrollbar-color: yellow; + scrollbar-width: 10px; + overscroll-effect:spring; + height: 20px; + overflow:scroll; +} +.flex-item { + width: 30%; + height: 30px; + border-radius: 16px; + margin-right: 5px; +} + +.style9{ + flex-direction: row; + flex-wrap:nowrap; + scrollbar-color: yellow; + scrollbar-width: 10px; + overscroll-effect:spring; + height: 20px; + overflow:scroll; +} + +.background-red { + color: red; +} + +.foreground-yellow { + color: yellow; +} + +.secondary-blue { + color: blue; +} + +.size1{ + width: 40%; + height: 20px; +} +.size2{ + width: 30%; + height: 20px; +} +.rtl-flip-true{ + rtl-flip: true +} +.rtl-flip-false{ + rtl-flip: false +} +.color-success { + background-color: cornflowerblue; +} + +.grid-child { + width: 100%; + border-radius: 2px; +} + +.grid-left-top { + width: 20px; + height: 20px; + border-radius: 10px; + border: 1px solid plum; + background: linear-gradient(pink, purple); + box-shadow: 0px 0px 1px 1px pink; + grid-row-start: 0; + grid-column-start: 0; + grid-row-end: 0; + grid-column-end: 0; +} + +.grid-left-bottom { + width: 20px; + height: 20px; + border-radius: 5px; + border: 1px solid plum; + background: linear-gradient(pink, #00aaee); + box-shadow: 0px 0px 1px 1px pink; + grid-row-start: 1; + grid-column-start: 0; + grid-row-end: 1; + grid-column-end: 0; +} + +.grid-right-top { + width: 20px; + height: 20px; + border-radius: 3px; + border: 1px dotted plum; + background: linear-gradient(mediumpurple, #00aaee); + box-shadow: 0px 0px 1px 1px pink; + grid-row-start: 0; + grid-column-start: 1; + grid-row-end: 0; + grid-column-end: 1; +} + +.grid-right-bottom { + width: 20px; + height: 20px; + border-radius: 5px; + border: 1px dotted plum; + background: linear-gradient(pink, mediumpurple); + box-shadow: 0px 0px 2px 2px pink; + grid-row-start: 1; + grid-column-start: 1; + grid-row-end: 1; + grid-column-end: 1; +} + +.event-container{ + flex-direction: column; + flex-weight: 1; +} + +.event1{ + width: 60%; + 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; +} + +.prop-container{ + flex-direction: column; +} + +#prop1 { + height: 15px; + background-color: mediumslateblue; + width: 100%; +} + +.prop2 { + height: 15px; + background-color: pink; + width: 100%; +} + +.prop3 { + height: 15px; + background-color: darkseagreen; + width: 100%; +} +.prop4 { + height: 15px; + background-color: red; + width: 100%; +} +.prop5 { + height: 15px; + background-color: purple; + width: 100%; +} + +.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; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..d12575ae8bd3429bfa429b00da0f1ad3545644db --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml @@ -0,0 +1,324 @@ + + +
+
+
+ + 通用样式 + + + rating通用样式1 + + + + + rating通用样式2 + + + + + rating通用样式3 + + + + + rating通用样式4 + + + + + rating通用样式5 + +
+ + + + +
+ + rating特有样式1 + +
+ + + + + + +
+ + rating特有样式2 + +
+ + + + +
+ + rating特有样式3 + +
+ + +
+
+ + +
+ + 动画样式 + + + rating动画样式1 + + + + + rating动画样式2 + + + +
+
+ +
+
+ +
+
+ + 通用属性 + + + rating通用属性1 + + + + + rating通用属性2 + + + + + rating通用属性3 + + + + + rating特有属性1 + + + + + rating特有属性2 + + + +
+
+
+
+ + 通用事件 + + + rating通用事件1 + + + + + rating通用事件2 + + + + + rating通用事件3 + + + + + rating特有事件1 + + + +
+
+
+
+ + 通用方法 + + + rating通用方法1 + + + + + rating通用方法2 + + + + + rating通用方法3 + + + +
+
+ +
+
+ +
+
+ + 渐变样式 + + + rating渐变样式1 + + + + + rating渐变样式2 + + + + + rating渐变样式3 + + + + + rating渐变样式4 + + + +
+
+
+
+ + 无障碍 + + + rating无障碍1 + + + +
+
+
+
+ + 原子布局 + + + rating原子布局1 + +
+ + + + + + + + + + + + +
+ + rating原子布局2 + +
+ + + + + + + + + + + + +
+ + rating原子布局3 + +
+ + + + + + + + + + + + +
+
+
+
+ + 多模输入 + + + rating多模输入1 + + + +
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/rating/index.js b/ace/ace_standard/src/main/js/default/pages/rating/router/index.js similarity index 97% rename from ace/ace_standard/src/main/js/default/pages/rating/index.js rename to ace/ace_standard/src/main/js/default/pages/rating/router/index.js index 6440b25caf24cb616844d6d5031a07576c6a5c2b..76a4d072a8ae7399e57b5aa5f03930dbfda01c47 100644 --- a/ace/ace_standard/src/main/js/default/pages/rating/index.js +++ b/ace/ace_standard/src/main/js/default/pages/rating/router/index.js @@ -84,11 +84,6 @@ var frames = [ ]; export default { - changeRating(e){ - prompt.showToast({ - message: e.rating - }); - }, onShow(){ // 通用属性 @@ -193,12 +188,24 @@ export default { }); }, + click(){ + prompt.showToast({ + message: 'click' + }); + }, + doubleClick(){ prompt.showToast({ message: 'doubleClick' }); }, + longPress(){ + prompt.showToast({ + message: 'longPress' + }); + }, + focus(){ prompt.showToast({ message: 'focus' @@ -372,7 +379,7 @@ export default { }); }, - functionTouch1(event){ + functionTest1(event){ var function1 = this.$element('function1'); function1.focus(true) var rect = function1.getBoundingClientRect(); @@ -387,7 +394,7 @@ export default { }); }, - functionTouch2(event){ + functionTest2(event){ var function2 = this.$element('function2'); let observer = function2.createIntersectionObserver({ ratios: [0.2, 0], // number @@ -402,7 +409,7 @@ export default { observer.unobserve() }, - functionTouch3(event){ + functionTest3(event){ var function3 = this.$element('function3'); var animation = function3.animate(frames, options); @@ -436,5 +443,11 @@ export default { setTimeout(() => { animation.cancel() }, 1500) + }, + + change(event){ + prompt.showToast({ + message: JSON.stringify(event) + }); } } diff --git a/ace/ace_standard/src/main/js/default/pages/rating/style/index.css b/ace/ace_standard/src/main/js/default/pages/rating/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..023834cffecb30c78e2d507de386f62288acfcdb --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/style/index.css @@ -0,0 +1,439 @@ +/** + * 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; + margin-bottom: 5px; +} + +#styleTwentySeven{ + width: 150px; + height: 20px; + background: linear-gradient(pink,#fff000); + margin-bottom: 5px; +} + +#styleTwentyNine{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:contain; + background-repeat: repeat-x; + background-position: center; + margin-bottom: 5px; +} + +#styleThirty{ + width: 150px; + height: 20px; + background-image:url('common/images/image.png'); + background-size:50px 10px; + background-repeat: no-repeat; + background-position: 10px 10px; + margin-bottom: 5px; +} + +#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: 100%; + height: 25px; + flex-direction: row; + flex-wrap:nowrap; +} +#specificStarBackground { + background-color: red; +} +.star-background{ + star-background:url('../../../common/images/icon.png'); +} +#specificTwo { + width: 100%; + height: 25px; + flex-direction: row; + flex-wrap:nowrap; +} +#specificStarForeground { + background-color: black; +} +.star-foreground { + star-foreground:url('../../../common/images/icon.png'); +} +#specificThree{ + width: 100%; + height: 25px; + flex-direction: row; + flex-wrap:nowrap; +} +#specificStarSecondary { + background-color: black; +} +.star-foreground { + star-secondary:url('../../../common/images/icon.png'); +} +#specificFour{ + width: 100%; + height: 50px; + flex-direction: row; + flex-wrap:nowrap; +} +#specificWidthHeight1{ + background-color: red; + margin-right: 10px; +} +#specificWidthHeight2{ + background-color: blue; +} +.width-height1{ + width: 50px; + height: 30px; +} +.width-height2{ + width: 50%; + height: 50px; +} +#specificFive{ + width: 100%; + height: 25px; + flex-direction: row; + flex-wrap:nowrap; +} +#specificRtlFlip1{ + background-color: red; +} +#specificRtlFlip2{ + background-color: purple; +} +.rtl-flip1{ + rtl-flip: true; +} +.rtl-flip2{ + rtl-flip: false; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml b/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..f64841f70bf254734dfb3d2fabce22354a0e55c7 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml @@ -0,0 +1,158 @@ + + +
+
+ + rating通用样式 + + + + 通用样式 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 + + + +
+
+
+
+ + rating特有样式 + + + + 特有样式 star-background + +
+ + +
+ + 特有样式 star-foreground + +
+ + +
+ + 特有样式 star-secondary + +
+ + +
+ + 特有样式 width height + +
+ + + + +
+ + 特有样式 rtl-flip + +
+ + + + +
+
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/rating/style/index.js b/ace/ace_standard/src/main/js/default/pages/rating/style/index.js new file mode 100644 index 0000000000000000000000000000000000000000..8179ff70cbe9fa27c38c5386a6f497949bf60f3a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/rating/style/index.js @@ -0,0 +1,19 @@ +/** + * 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 { + + +} diff --git a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js index a1e161d2840ca8bcaef3ae62870fe7e04dce81f7..53554999748df7b6eeffa0629d78bfa978ad533f 100644 --- a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js +++ b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js @@ -311,7 +311,7 @@ describe('aceJsTest', function () { it('testRatingComponent', 0, async function (done) { let result; let options = { - uri: 'pages/rating/index' + uri: 'pages/rating/router/index' } try { result = router.push(options) @@ -320,7 +320,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/rating/").assertEqual(pages.path); + expect("pages/rating/router/").assertEqual(pages.path); done(); }); diff --git a/ace/ace_standard/src/main/js/default/test/ratingProps.test.js b/ace/ace_standard/src/main/js/default/test/ratingProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..24791a9d490392b95685e94b2333fb95e400b74c --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/ratingProps.test.js @@ -0,0 +1,806 @@ +/* + * 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('ratingPropsJsTest', 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('[ratingPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/rating/prop/index' + } + try { + result = router.push(options) + console.info("push ratingProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push ratingProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[ratingPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIdProp + * @tc.desc ACE + */ + it('testRatingIdProp', 0, async function (done) { + console.info('testRatingIdProp START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingClassProp + * @tc.desc ACE + */ + it('testRatingClassProp', 0, async function (done) { + console.info('testRatingClassProp START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingClassPropNone + * @tc.desc ACE + */ + it('testRatingClassPropNone', 0, async function (done) { + console.info('testRatingClassPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[ratingProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingStyleProp + * @tc.desc ACEs + */ +// it('testRatingStyleProp', 0, async function (done) { +// console.info('testRatingStyleProp START'); +// console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('rating') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[ratingProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[ratingProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[ratingProps] get style height value is: " + JSON.stringify(obj.$styles.height)); +// expect(obj.$styles.get('background-color')).assertEqual(undefined); +// done(); +// }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingRefProp + * @tc.desc ACE + */ + it('testRatingRefProp', 0, async function (done) { + console.info('testRatingRefProp START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingRefPropNone + * @tc.desc ACE + */ + it('testRatingRefPropNone', 0, async function (done) { + console.info('testRatingRefPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[ratingProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDisabledPropTrue + * @tc.desc ACE + */ + it('testRatingDisabledPropTrue', 0, async function (done) { + console.info('testRatingDisabledPropTrue START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDisabledPropFalse + * @tc.desc ACE + */ + it('testRatingDisabledPropFalse', 0, async function (done) { + console.info('testRatingDisabledPropFalse START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDisabledPropNone + * @tc.desc ACE + */ + it('testRatingDisabledPropNone', 0, async function (done) { + console.info('testRatingDisabledPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingFocusablePropTrue + * @tc.desc ACE + */ + it('testRatingFocusablePropTrue', 0, async function (done) { + console.info('testRatingFocusablePropTrue START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingFocusablePropFalse + * @tc.desc ACE + */ + it('testRatingFocusablePropFalse', 0, async function (done) { + console.info('testRatingFocusablePropFalse START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingFocusablePropNone + * @tc.desc ACE + */ + it('testRatingFocusablePropNone', 0, async function (done) { + console.info('testRatingFocusablePropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDataProp + * @tc.desc ACE + */ + it('testRatingDataProp', 0, async function (done) { + console.info('testRatingDataProp START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataRating).assertEqual(undefined); + console.info("[ratingProps] get dataRating value is: " + JSON.stringify(obj.$attrs.dataRating)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDataPropNone + * @tc.desc ACE + */ + it('testRatingDataPropNone', 0, async function (done) { + console.info('testRatingDataPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataRating).assertEqual(undefined) + console.info("[ratingProps] get dataRating value is: " + JSON.stringify(obj.$attrs.dataRating)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingClickEffectPropSmall + * @tc.desc ACE + */ + it('testRatingClickEffectPropSmall', 0, async function (done) { + console.info('testRatingClickEffectPropSmall START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + 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 testRatingClickEffectPropMedium + * @tc.desc ACE + */ + it('testRatingClickEffectPropMedium', 0, async function (done) { + console.info('testRatingClickEffectPropMedium START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + 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 testRatingClickEffectPropLarge + * @tc.desc ACE + */ + it('testRatingClickEffectPropLarge', 0, async function (done) { + console.info('testRatingClickEffectPropLarge START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + 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 testRatingClickEffectPropNone + * @tc.desc ACE + */ + it('testRatingClickEffectPropNone', 0, async function (done) { + console.info('testRatingClickEffectPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[ratingProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDirPropRtl + * @tc.desc ACE + */ + it('testRatingDirPropRtl', 0, async function (done) { + console.info('testRatingDirPropRtl START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDirPropLtr + * @tc.desc ACE + */ + it('testRatingDirPropLtr', 0, async function (done) { + console.info('testRatingDirPropLtr START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDirPropAuto + * @tc.desc ACE + */ + it('testRatingDirPropAuto', 0, async function (done) { + console.info('testRatingDirPropAuto START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingDirPropNone + * @tc.desc ACE + */ + it('testRatingDirPropNone', 0, async function (done) { + console.info('testRatingDirPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingForPropNull + * @tc.desc ACE + */ + it('testRatingForPropNull', 0, async function (done) { + console.info('testRatingForPropNull START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[ratingProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingForPropOne + * @tc.desc ACE + */ + it('testRatingForPropOne', 0, async function (done) { + console.info('testRatingForPropOne START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[ratingProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingForPropThree + * @tc.desc ACE + */ + it('testRatingForPropThree', 0, async function (done) { + console.info('testRatingForPropThree START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[ratingProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIfPropTrue + * @tc.desc ACE + */ + it('testRatingIfPropTrue', 0, async function (done) { + console.info('testRatingIfPropTrue START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[ratingProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIfPropFalse + * @tc.desc ACE + */ + // it('testRatingIfPropFalse', 0, async function (done) { + // console.info('testRatingIfPropFalse START'); + // console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropFalse); + // console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('rating') + // expect(obj.$attrs.id).assertEqual('ifPropFalse') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIfPropNone + * @tc.desc ACE + */ + // it('testRatingIfPropNone', 0, async function (done) { + // console.info('testRatingIfPropNone START'); + // console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropNone); + // console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('rating') + // expect(obj.$attrs.id).assertEqual('ifPropNone') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingShowPropTrue + * @tc.desc ACE + */ + it('testRatingShowPropTrue', 0, async function (done) { + console.info('testRatingShowPropTrue START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingShowPropFalse + * @tc.desc ACE + */ + it('testRatingShowPropFalse', 0, async function (done) { + console.info('testRatingShowPropFalse START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingShowPropNone + * @tc.desc ACE + */ + it('testRatingShowPropNone', 0, async function (done) { + console.info('testRatingShowPropNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingNumstars + * @tc.desc ACE + */ + it('testRatingNumstars', 0, async function (done) { + console.info('testRatingNumstars START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.numstars); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('numstars') + expect(obj.$attrs.numstars).assertEqual('5') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingRating + * @tc.desc ACE + */ + it('testRatingRating', 0, async function (done) { + console.info('testRatingRating START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.rating); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('rating') + expect(obj.$attrs.rating).assertEqual('2') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingStepsize + * @tc.desc ACE + */ + it('testRatingStepsize', 0, async function (done) { + console.info('testRatingStepsize START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.stepsize); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('stepsize') + expect(obj.$attrs.stepsize).assertEqual('1') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIndicatorFalse + * @tc.desc ACE + */ + it('testRatingIndicatorFalse', 0, async function (done) { + console.info('testRatingIndicatorFalse START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorFalse); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('indicatorFalse') + expect(obj.$attrs.indicator).assertEqual('false') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIndicatorTrue + * @tc.desc ACE + */ + it('testRatingIndicatorTrue', 0, async function (done) { + console.info('testRatingIndicatorTrue START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorTrue); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('indicatorTrue') + expect(obj.$attrs.indicator).assertEqual('true') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testRatingIndicatorNone + * @tc.desc ACE + */ + it('testRatingIndicatorNone', 0, async function (done) { + console.info('testRatingIndicatorNone START'); + console.info("[ratingProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.indicatorNone); + console.info("[ratingProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[ratingProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('rating') + expect(obj.$attrs.id).assertEqual('indicatorNone') + expect(obj.$attrs.indicator).assertEqual('false') + console.info("[ratingProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); +});