From d138775d0d314621f5bf3f996776672a0b280b84 Mon Sep 17 00:00:00 2001 From: bayanxing Date: Tue, 22 Feb 2022 17:05:26 +0800 Subject: [PATCH] modify testcase Signed-off-by: bayanxing --- ace/ace_standard/src/main/config.json | 3 +- .../js/default/pages/divider/prop/index.hml | 28 +- .../js/default/pages/divider/prop/index.js | 20 +- .../js/default/pages/divider/style/index.css | 84 +++ .../js/default/pages/divider/style/index.hml | 44 ++ .../pages/{label => divider/style}/index.js | 5 +- .../js/default/pages/label/prop/index.css | 359 +++++++++ .../js/default/pages/label/prop/index.hml | 169 +++++ .../main/js/default/pages/label/prop/index.js | 125 ++++ .../js/default/pages/label/router/index.css | 384 ++++++++++ .../js/default/pages/label/router/index.hml | 280 +++++++ .../js/default/pages/label/router/index.js | 516 +++++++++++++ .../js/default/pages/label/style/index.css | 448 +++++++++++ .../js/default/pages/label/style/index.hml | 148 ++++ .../pages/label/{index.css => style/index.js} | 20 +- .../js/default/pages/option/prop/index.css | 190 +---- .../js/default/pages/option/prop/index.hml | 213 +++--- .../js/default/pages/option/prop/index.js | 2 +- .../js/default/pages/option/style/index.css | 53 ++ .../pages/{label => option/style}/index.hml | 24 +- .../js/default/pages/option/style/index.js | 19 + .../js/default/pages/picker/prop/index.hml | 2 +- .../js/default/pages/picker/prop/index.js | 2 +- .../js/default/pages/picker/style/index.css | 422 +++++++++++ .../js/default/pages/picker/style/index.hml | 139 ++++ .../js/default/pages/picker/style/index.js | 19 + .../default/pages/pickerView/prop/index.hml | 2 +- .../js/default/pages/pickerView/prop/index.js | 2 +- .../default/pages/pickerView/style/index.css | 394 ++++++++++ .../default/pages/pickerView/style/index.hml | 148 ++++ .../default/pages/pickerView/style/index.js | 19 + .../js/default/pages/progress/prop/index.css | 2 +- .../js/default/pages/progress/prop/index.hml | 2 +- .../js/default/pages/progress/prop/index.js | 2 +- .../js/default/pages/progress/style/index.css | 448 +++++++++++ .../js/default/pages/progress/style/index.hml | 148 ++++ .../js/default/pages/progress/style/index.js | 19 + .../src/main/js/default/test/List.test.js | 1 + .../default/test/commonComponentJsApi.test.js | 20 +- .../main/js/default/test/dividerProps.test.js | 126 +--- .../main/js/default/test/labelProps.test.js | 706 ++++++++++++++++++ .../main/js/default/test/optionProps.test.js | 12 +- .../main/js/default/test/pickerProps.test.js | 14 +- .../js/default/test/pickerViewProps.test.js | 12 +- .../js/default/test/progressProps.test.js | 12 +- 45 files changed, 5297 insertions(+), 510 deletions(-) create mode 100644 ace/ace_standard/src/main/js/default/pages/divider/style/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/divider/style/index.hml rename ace/ace_standard/src/main/js/default/pages/{label => divider/style}/index.js (95%) create mode 100644 ace/ace_standard/src/main/js/default/pages/label/prop/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/label/prop/index.hml create mode 100644 ace/ace_standard/src/main/js/default/pages/label/prop/index.js create mode 100644 ace/ace_standard/src/main/js/default/pages/label/router/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/label/router/index.hml create mode 100644 ace/ace_standard/src/main/js/default/pages/label/router/index.js create mode 100644 ace/ace_standard/src/main/js/default/pages/label/style/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/label/style/index.hml rename ace/ace_standard/src/main/js/default/pages/label/{index.css => style/index.js} (68%) create mode 100644 ace/ace_standard/src/main/js/default/pages/option/style/index.css rename ace/ace_standard/src/main/js/default/pages/{label => option/style}/index.hml (57%) create mode 100644 ace/ace_standard/src/main/js/default/pages/option/style/index.js create mode 100644 ace/ace_standard/src/main/js/default/pages/picker/style/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/picker/style/index.hml create mode 100644 ace/ace_standard/src/main/js/default/pages/picker/style/index.js create mode 100644 ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml create mode 100644 ace/ace_standard/src/main/js/default/pages/pickerView/style/index.js create mode 100644 ace/ace_standard/src/main/js/default/pages/progress/style/index.css create mode 100644 ace/ace_standard/src/main/js/default/pages/progress/style/index.hml create mode 100644 ace/ace_standard/src/main/js/default/pages/progress/style/index.js create mode 100644 ace/ace_standard/src/main/js/default/test/labelProps.test.js diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json index 05b06230e..8174d6a81 100755 --- a/ace/ace_standard/src/main/config.json +++ b/ace/ace_standard/src/main/config.json @@ -60,7 +60,8 @@ "pages/text/index", "pages/divider/router/index", "pages/image/router/index", - "pages/label/index", + "pages/label/router/index", + "pages/label/prop/index", "pages/rating/index", "pages/search/index", "pages/toolbar/index", diff --git a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml index 76473a8fa..91d52805f 100644 --- a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml @@ -53,32 +53,6 @@ ref=""> - - 通用属性 -- disabled - - - - - - - - - - 通用属性 -- focusable - - - - - - - - 通用属性 -- data-* @@ -150,7 +124,7 @@ show="false"> + show=""> diff --git a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js index e3d1971b9..27e08faaf 100644 --- a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js +++ b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js @@ -25,12 +25,6 @@ export default { styleProp : null, refProp : null, refPropNone : null, - disabledPropTrue : null, - disabledPropFalse : null, - disabledPropNone : null, - focusablePropTrue : null, - focusablePropFalse : null, - focusablePropNone : null, dataProp : null, dataPropNone : null, clickEffectPropSmall : null, @@ -52,7 +46,7 @@ export default { verticalFalse: null }, - onCreate(){ + onShow(){ this.getCommonPropValues(); this.getSpecificPropValues(); globalThis.value = { @@ -62,12 +56,6 @@ export default { 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, @@ -97,12 +85,6 @@ export default { 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() diff --git a/ace/ace_standard/src/main/js/default/pages/divider/style/index.css b/ace/ace_standard/src/main/js/default/pages/divider/style/index.css new file mode 100644 index 000000000..29a6c8679 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/divider/style/index.css @@ -0,0 +1,84 @@ +/** + * 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%; +} +.style-box { + padding: 10px; + background-color: blue; + margin-bottom: 10px; +} +divider { + stroke-width: 3px; +} +#style1 { + margin: 1px 2px 3px 4px; + color: greenyellow; + stroke-width: 3px; + display: flex; + visibility: visible; +} +#line-cap { + line-cap: round; + color: greenyellow; + stroke-width: 3px; +} +#lineCapButt { + line-cap: butt; + color: green; +} +#lineCapRound { + line-cap: round; + color: greenyellow; +} +#lineCapSquare { + line-cap: square; + color: pink; +} +#flex { + color: pink; + flex-grow: 1; + flex-basis: 20px; + flex-shrink:1 ; +} + + + diff --git a/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml b/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml new file mode 100644 index 000000000..8700b1694 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml @@ -0,0 +1,44 @@ + + +
+
+ + divider特有样式 + + + + 特有样式1-5 \n margin、color、stroke-width、display、visibility + +
+ +
+ + 特有样式--line-cap + +
+ + + +
+ + 特有样式--flex + +
+ +
+
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/label/index.js b/ace/ace_standard/src/main/js/default/pages/divider/style/index.js similarity index 95% rename from ace/ace_standard/src/main/js/default/pages/label/index.js rename to ace/ace_standard/src/main/js/default/pages/divider/style/index.js index 09b6736a1..8179ff70c 100644 --- a/ace/ace_standard/src/main/js/default/pages/label/index.js +++ b/ace/ace_standard/src/main/js/default/pages/divider/style/index.js @@ -14,7 +14,6 @@ */ export default { - data: { - title: 'World' - } + + } diff --git a/ace/ace_standard/src/main/js/default/pages/label/prop/index.css b/ace/ace_standard/src/main/js/default/pages/label/prop/index.css new file mode 100644 index 000000000..98be84bea --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/prop/index.css @@ -0,0 +1,359 @@ +/** + * 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%; +} +label { + color: #0d0000; +} +.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; +} +#labelTarget { + height: 30px; + background-color:#c00000; + width: 100%; + margin-left: 10px; + font-size: 16px; + 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/label/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/label/prop/index.hml new file mode 100644 index 000000000..07f9b674e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/prop/index.hml @@ -0,0 +1,169 @@ + + +
+
+ + label通用属性 + + + + 通用属性 -- id + + + + + 通用属性 -- class + + + + + + + 通用属性 -- style + + + + + 通用属性 -- ref + + + + + + 通用属性 -- disabled + + + + + + + 通用属性 -- focusable + + + + + + + 通用属性 -- data-* + + + + + + 通用属性 -- click-effect + + + + + + + + 通用属性 -- dir + + + + + + + + 渲染属性 -- for + + + + + + + 渲染属性 -- if + + + + + 渲染属性 -- show + + + + +
+ +
+
+
+ + label特有属性 + + + label特有属性 -- target + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/label/prop/index.js b/ace/ace_standard/src/main/js/default/pages/label/prop/index.js new file mode 100644 index 000000000..ff20bc4b2 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/prop/index.js @@ -0,0 +1,125 @@ +/** + * 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, + labelTarget: 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, + labelTarget: this.labelTarget, + } + }, + + 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.labelTarget = this.$element("labelTarget").getInspector() + } +} diff --git a/ace/ace_standard/src/main/js/default/pages/label/router/index.css b/ace/ace_standard/src/main/js/default/pages/label/router/index.css new file mode 100644 index 000000000..0565af270 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/router/index.css @@ -0,0 +1,384 @@ +/** + * 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%; +} +.contain1{ + width: 100%; + height: 15%; + flex-direction: column; +} + +.ani-container{ + flex-direction: column; + height: 100%; + flex-weight: 1; +} + +.prop-container{ + flex-direction: column; + height: 45%; + padding-left: 2px; +} + +.event-container{ + flex-direction: column; + height: 40%; +} + +.function-container{ + flex-direction: column; + height: 25%; +} + +.gradient-container{ + flex-direction: column; + height: 40%; +} + +.access-container{ + flex-direction: column; + height: 15%; +} + +.atom-container{ + flex-direction: column; + height: 45%; +} + +.multimode-container{ + flex-direction: column; + height: 45%; +} + +.title{ + width: 100%; + font-size: 18px; + margin: 2px; + font-weight: bold; + text-align: center; +} +.sub-title{ + width: 100%; + height: 25px; + font-size: 15px; + text-align: left; + margin-bottom: 1px; + padding: 2px; +} + +.style1{ + width: 100%; + mask-color:red; + height: 100%; + min-width: 25px; + min-height: 10px; + max-width: 300px; + max-height: 50px; + padding-left: 10px; + padding-top: 1px; + padding-right: 15px; + padding-bottom: 1px; + margin-left: 10px; + margin-top: 0px; + 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: 70%; + height: 12%; + 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: 1px; + margin: 5px; + border: 2px solid #000000; +} + +.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: blue; + font-size: 16px; + allow-scale: true; + letter-spacing: 2px; + font-style: normal; + font-weight: 700; + text-decoration: underline; + text-align: center; + line-height: 20px; + text-overflow: ellipsis; + font-family: HYQiHei-65S; + max-lines: 1; + min-font-size: 12px; + max-font-size: 18px; + font-size-step: 2px; + prefer-font-sizes: 12px, 14px, 16px; +} + +.event1{ + width: 100%; + height: 40px; + background-color: salmon; +} + +.event2{ + width: 100%; + height: 40px; + background-color: darkorchid; +} + +.event3{ + width: 100%; + height: 40px; + background-color: #ad4e2a; +} + +.event4{ + width: 100%; + height: 40px; + background-color: blanchedalmond; +} + +.event5{ + width: 100%; + height: 40px; + background-color: blanchedalmond; +} + + +#prop1 { + background-color: mediumslateblue; + height: 40px; + margin: 2px; +} + +.prop2 { + background-color: salmon; + height: 40px; + margin: 2px; +} + +.prop3 { + background-color: skyblue; + height: 40px; + margin: 2px; +} + +.prop4 { + background-color: gold; + height: 40px; + margin: 2px; +} + + +.ani1{ + color: #72ac33; + margin: 5px; + transform-origin: 0% 0%; + animation: ani1Go 3s infinite; +} +label { + font-size: 14px; +} +@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: 100%; + height: 55px; + margin: 5px; +} + +.gradient1{ + margin: 5px; + stroke-width: 10px; + background: linear-gradient(red, #00ff00); +} + +.gradient2{ + margin: 5px; + stroke-width: 10px; + background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0)); +} + +.gradient3{ + margin: 5px; + stroke-width: 10px; + background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%); +} + +.gradient4{ + margin: 5px; + stroke-width: 10px; + background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px); +} + +.access1{ + color: #321124; + height: 40px; + margin: 5px; +} + +.multimode1{ + background-color: firebrick; + height: 40px; + margin: 5px; +} + + +.function1{ + background-color: #ff0000; + width: 60%; + height: 30px; +} + +.function2{ + background-color: #00ff00; + width: 60%; + height: 30px; +} + +.function3{ + background-color: #0000ff; + width: 100%; + height: 30px; +} + +.function4 { + flex-direction: row; + width: 60%; + height: 60px; + overflow: scroll; +} \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/label/router/index.hml b/ace/ace_standard/src/main/js/default/pages/label/router/index.hml new file mode 100644 index 000000000..aa1369d8f --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/router/index.hml @@ -0,0 +1,280 @@ + + +
+
+ +
+ + 通用样式 + + + + label通用样式1 + + + + + label通用样式2 + + + + + label通用样式3 + + + + + label通用样式4 + + + + + label通用样式5 + +
+ + +
+ + + label特有样式 + + +
+ + + + +
+ + 动画样式 + + + + label动画样式1 + + + + + label动画样式2 + + + +
+
+ +
+
+ +
+ +
+ + 通用属性 + + + label通用属性1 + + + + + label通用属性2 + + + + + label通用属性3 + + + + + label特有属性4 + +
+ + 男 +
+
+
+
+ +
+ +
+
+ +
+
+ +
+ +
+ + 渐变样式 + + + + label渐变样式1 + + + + + label渐变样式2 + + + + + label渐变样式3 + + + + + label渐变样式4 + + +
+
+
+ +
+ + 无障碍 + + + label无障碍1 + + +
+
+
+
+ + 原子布局 + + + label原子布局1 + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + label原子布局2 + +
+ + + + + + +
+ + label原子布局3 + +
+ + + + + + +
+
+
+
+ + 多模输入 + + + label多模输入1 + + +
+
+
+
+ + + + + + diff --git a/ace/ace_standard/src/main/js/default/pages/label/router/index.js b/ace/ace_standard/src/main/js/default/pages/label/router/index.js new file mode 100644 index 000000000..94ba7b359 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/router/index.js @@ -0,0 +1,516 @@ +/** + * 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 { + + onMenuSelected(e) { + prompt.showToast({ + message: e.value + }) + }, + onTextClick1() { + this.$element('apiMenu1').show({x:120,y:10}); + }, + onTextClick2() { + this.$element('apiMenu2').show({x:120,y:80}); + }, + onTextClick3() { + this.$element('apiMenu3').show({x:120,y:150}); + }, + onTextClick4() { + this.$element('apiMenu4').show({x:120,y:220}); + }, + onTextClick5() { + this.$element('apiMenu5').show({x:120,y:290}); + }, + onTextClick6() { + this.$element('apiMenu6').show({x:120,y:360}); + }, + onTextClick7() { + this.$element('apiMenu7').show({x:120,y:650}); + }, + + 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/label/style/index.css b/ace/ace_standard/src/main/js/default/pages/label/style/index.css new file mode 100644 index 000000000..cf2d362f9 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/style/index.css @@ -0,0 +1,448 @@ +/** + * 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; +} +label { + font-size: 12px; +} +#specificOne{ + color: pink; + font-size: 16px; + letter-spacing: 2px; + font-weight: 700; + line-height: 20px; + font-family: HYQiHei-65S; +} + +#specificTwo{ + font-size: 12px; + allow-scale: true; +} + +#specificThree{ + font-size: 12px; + allow-scale: false; + margin-bottom: 10px; +} + +#specificFour{ + font-style: normal; +} + +#specificFive{ + font-style: italic; + margin-bottom: 10px; +} + +#specificSix{ + text-decoration: underline; + text-align: left; +} + +#specificSeven{ + text-decoration: line-through; + text-align: center; +} + +#specificEight{ + text-decoration: none; + margin-bottom: 10px; + text-align: right; +} + +#specificNine{ + width: 40%; + max-lines: 1; + text-overflow: clip; +} + +#specificTen{ + width: 40%; + max-lines: 1; + text-overflow: ellipsis; + margin-bottom: 10px; +} + +#specificEleven{ + min-font-size: 12px; + max-font-size: 18px; + font-size: 2px; + prefer-font-sizes: 12px,14px,16px,18px; +} + +.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/label/style/index.hml b/ace/ace_standard/src/main/js/default/pages/label/style/index.hml new file mode 100644 index 000000000..871858bb7 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/label/style/index.hml @@ -0,0 +1,148 @@ + + +
+
+ + label通用样式 + + + + 通用样式 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 + + +
+
+
+
+ + label特有样式 + + + + 特有样式 \n color,font-size,letter-spacing,font-weight,line-height,font-family + + + + 特有样式 -- allow-scale + + + + + 特有样式 -- font-style + + + + + 特有样式 -- text-decoration，text-align + + + + + + 特有样式 \n max-lines,text-overflow + + + + + 特有样式 \n min-font-size,max-font-size,font-size-step,prefer-font-sizes + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/label/index.css b/ace/ace_standard/src/main/js/default/pages/label/style/index.js similarity index 68% rename from ace/ace_standard/src/main/js/default/pages/label/index.css rename to ace/ace_standard/src/main/js/default/pages/label/style/index.js index de4cb7be5..8179ff70c 100644 --- a/ace/ace_standard/src/main/js/default/pages/label/index.css +++ b/ace/ace_standard/src/main/js/default/pages/label/style/index.js @@ -13,25 +13,7 @@ * limitations under the License. */ -/*xxx.css */ -.container { - flex-direction: column; - align-items: center; -} - -.row { - flex-direction: row; - justify-content: space-between; - width: 100%; -} +export default { -.label { - width: 200px; - margin-top: 50px; - margin-left: 10px; -} -.input { - margin-top: 50px; - margin-right: 20px; } diff --git a/ace/ace_standard/src/main/js/default/pages/option/prop/index.css b/ace/ace_standard/src/main/js/default/pages/option/prop/index.css index 3db067e45..db3273a05 100644 --- a/ace/ace_standard/src/main/js/default/pages/option/prop/index.css +++ b/ace/ace_standard/src/main/js/default/pages/option/prop/index.css @@ -18,8 +18,16 @@ width:100%; height:100%; } -divider { +select { + font-size: 14px; +} +option { color: #0d0000; + font-size: 14px; + allow-scale: true; + font-weight: normal; + text-decoration: none; + font-family: sans-serif; } .title{ width: 100%; @@ -44,303 +52,142 @@ divider { } #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{ @@ -350,19 +197,16 @@ divider { #selectedTrue { color: #0d0000; - background-color: skyblue; height: 40px; margin: 2px; } #selectedFalse { - background-color: skyblue; height: 40px; margin: 2px; } #optionValue { - background-color: skyblue; height: 40px; margin: 2px; } diff --git a/ace/ace_standard/src/main/js/default/pages/option/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/option/prop/index.hml index 6fbb2d712..89515c220 100644 --- a/ace/ace_standard/src/main/js/default/pages/option/prop/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/option/prop/index.hml @@ -22,137 +22,158 @@ 通用属性 -- id - + 通用属性 -- class - - - - + 通用属性 -- style - - + 通用属性 -- ref - - + 通用属性 -- disabled - - - + + 通用属性 -- focusable - - - + 通用属性 -- data-* - - + 通用属性 -- click-effect - - - - + 通用属性 -- dir - - - - + 渲染属性 -- for - - - - + 渲染属性 -- if - + 渲染属性 -- show - - - +
@@ -165,16 +186,20 @@ option特有属性 -- selected option特有属性 -- value - + option特有属性 -- icon - +
diff --git a/ace/ace_standard/src/main/js/default/pages/option/prop/index.js b/ace/ace_standard/src/main/js/default/pages/option/prop/index.js index 7dad22496..e0a2b3eeb 100644 --- a/ace/ace_standard/src/main/js/default/pages/option/prop/index.js +++ b/ace/ace_standard/src/main/js/default/pages/option/prop/index.js @@ -54,7 +54,7 @@ export default { optionIcon: false }, - onCreate(){ + onShow(){ this.getCommonPropValues(); this.getSpecificPropValues(); globalThis.value = { diff --git a/ace/ace_standard/src/main/js/default/pages/option/style/index.css b/ace/ace_standard/src/main/js/default/pages/option/style/index.css new file mode 100644 index 000000000..df42bfc52 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/option/style/index.css @@ -0,0 +1,53 @@ +/** + * 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{ + color: red; + font-size: 14px; + allow-scale: true; + font-weight: normal; + text-decoration: none; + font-family: sans-serif; +} + diff --git a/ace/ace_standard/src/main/js/default/pages/label/index.hml b/ace/ace_standard/src/main/js/default/pages/option/style/index.hml similarity index 57% rename from ace/ace_standard/src/main/js/default/pages/label/index.hml rename to ace/ace_standard/src/main/js/default/pages/option/style/index.hml index 3488acba2..579918c31 100644 --- a/ace/ace_standard/src/main/js/default/pages/label/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/option/style/index.hml @@ -14,16 +14,18 @@ */-->
-
- - -
-
- - -
-
- - +
+ + option支持如下样式 + + + + 支持样式 + +
+ diff --git a/ace/ace_standard/src/main/js/default/pages/option/style/index.js b/ace/ace_standard/src/main/js/default/pages/option/style/index.js new file mode 100644 index 000000000..8179ff70c --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/option/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/pages/picker/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml index e48dc6254..f7abd9fd6 100644 --- a/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml @@ -151,7 +151,7 @@ show="false"> picker + show=""> picker
diff --git a/ace/ace_standard/src/main/js/default/pages/picker/prop/index.js b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.js index 3416a2b93..98e1843bc 100644 --- a/ace/ace_standard/src/main/js/default/pages/picker/prop/index.js +++ b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.js @@ -70,7 +70,7 @@ export default { pickerMultiText: null }, - onCreate(){ + onShow(){ this.getCommonPropValues(); this.getSpecificPropValues(); globalThis.value = { diff --git a/ace/ace_standard/src/main/js/default/pages/picker/style/index.css b/ace/ace_standard/src/main/js/default/pages/picker/style/index.css new file mode 100644 index 000000000..2910e0b9a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/style/index.css @@ -0,0 +1,422 @@ +/** + * 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%; +} +picker { + padding: 0; + margin: 0; + line-height: 10px; +} +#styleOne{ + width: 150px; + height: 20px; + padding-top: 0px; + 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: 30px; + 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: 3%; + 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: 3%; + padding-start: 1%; + padding-end: 2%; + margin-start: 1%; + margin-end: 2%; + background-color: #00ff00; +} + +#styleEight{ + width: 60%; + height: 2%; + margin: 1%; + padding: 1%; + background-color: #0000ff; +} + +#styleNine{ + width: 100%; + height: 40px; + display:flex; +} + +#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: 10px; + 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; +} +label { + font-size: 12px; +} +#specificOne{ + text-color: pink; + font-size: 16px; + letter-spacing: 2px; + font-weight: 700; + line-height: 20px; + font-family: HYQiHei-65S; + column-height: 50px; +} + +#specificTwo{ + font-size: 12px; + allow-scale: true; +} + +#specificThree{ + font-size: 12px; + allow-scale: false; + margin-bottom: 10px; +} + +#specificFour{ + font-style: normal; +} + +#specificFive{ + font-style: italic; + margin-bottom: 10px; +} + +#specificSix{ + text-decoration: underline; + text-align: left; +} + +#specificSeven{ + text-decoration: line-through; + text-align: center; +} + +#specificEight{ + text-decoration: none; + margin-bottom: 10px; + text-align: right; +} + +.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/picker/style/index.hml b/ace/ace_standard/src/main/js/default/pages/picker/style/index.hml new file mode 100644 index 000000000..5137be845 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/style/index.hml @@ -0,0 +1,139 @@ + + +
+
+ + picker通用样式 + + + + 通用样式 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 + + + +
+
+
+
+ + picker特有样式 + + + + 特有样式 \n text-color,font-size,letter-spacing,font-weight,line-height,font-family,column-height + + picker1 + + 特有样式 -- allow-scale + + + + + 特有样式 -- font-style + + + + + 特有样式 -- text-decoration + + + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/picker/style/index.js b/ace/ace_standard/src/main/js/default/pages/picker/style/index.js new file mode 100644 index 000000000..8179ff70c --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/picker/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/pages/pickerView/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.hml index 695c7406c..6203fb53b 100644 --- a/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.hml @@ -151,7 +151,7 @@ show="false"> + show=""> diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js index e5586f615..f640e22e4 100644 --- a/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js @@ -58,7 +58,7 @@ export default { pickerViewMultiText: null }, - onCreate(){ + onShow(){ this.getCommonPropValues(); this.getSpecificPropValues(); globalThis.value = { diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css new file mode 100644 index 000000000..865c833f4 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css @@ -0,0 +1,394 @@ +/** + * 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; +} +label { + font-size: 12px; +} +#specificOne{ + color: deeppink; + font-size: 14px; + height: 200px; + selected-color: greenyellow; + selected-font-size: 16px; + disappear-color: pink; + disappear-font-size: 14px; + font-family: HYQiHei-65S; +} + +.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/pickerView/style/index.hml b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml new file mode 100644 index 000000000..d367f4248 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml @@ -0,0 +1,148 @@ + + +
+
+ + picker-view通用样式 + + + + 通用样式 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 + + + +
+
+
+
+ + picker-view特有样式 + + + + 特有样式 \n color,font-size,selected-color,selected-font-size,disappear-color,disappear-font-size,font-family + + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.js b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.js new file mode 100644 index 000000000..8179ff70c --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/pickerView/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/pages/progress/prop/index.css b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.css index ade66fdc7..e77a01aa1 100644 --- a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.css +++ b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.css @@ -22,7 +22,7 @@ progress { color: pink; } .title{ - width: 100%; + width: 100px; font-size: 18px; margin: 2px; padding: 2px; diff --git a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.hml index f90d2d4be..4e7cd1f72 100644 --- a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.hml @@ -151,7 +151,7 @@ show="false"> + show=""> diff --git a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js index 4c94b2e95..38daefb5c 100644 --- a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js +++ b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js @@ -58,7 +58,7 @@ export default { typeEclipse: null }, - onCreate(){ + onShow(){ this.getCommonPropValues(); this.getSpecificPropValues(); globalThis.value = { diff --git a/ace/ace_standard/src/main/js/default/pages/progress/style/index.css b/ace/ace_standard/src/main/js/default/pages/progress/style/index.css new file mode 100644 index 000000000..cf2d362f9 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/style/index.css @@ -0,0 +1,448 @@ +/** + * 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; +} +label { + font-size: 12px; +} +#specificOne{ + color: pink; + font-size: 16px; + letter-spacing: 2px; + font-weight: 700; + line-height: 20px; + font-family: HYQiHei-65S; +} + +#specificTwo{ + font-size: 12px; + allow-scale: true; +} + +#specificThree{ + font-size: 12px; + allow-scale: false; + margin-bottom: 10px; +} + +#specificFour{ + font-style: normal; +} + +#specificFive{ + font-style: italic; + margin-bottom: 10px; +} + +#specificSix{ + text-decoration: underline; + text-align: left; +} + +#specificSeven{ + text-decoration: line-through; + text-align: center; +} + +#specificEight{ + text-decoration: none; + margin-bottom: 10px; + text-align: right; +} + +#specificNine{ + width: 40%; + max-lines: 1; + text-overflow: clip; +} + +#specificTen{ + width: 40%; + max-lines: 1; + text-overflow: ellipsis; + margin-bottom: 10px; +} + +#specificEleven{ + min-font-size: 12px; + max-font-size: 18px; + font-size: 2px; + prefer-font-sizes: 12px,14px,16px,18px; +} + +.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/progress/style/index.hml b/ace/ace_standard/src/main/js/default/pages/progress/style/index.hml new file mode 100644 index 000000000..871858bb7 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/style/index.hml @@ -0,0 +1,148 @@ + + +
+
+ + label通用样式 + + + + 通用样式 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 + + +
+
+
+
+ + label特有样式 + + + + 特有样式 \n color,font-size,letter-spacing,font-weight,line-height,font-family + + + + 特有样式 -- allow-scale + + + + + 特有样式 -- font-style + + + + + 特有样式 -- text-decoration，text-align + + + + + + 特有样式 \n max-lines,text-overflow + + + + + 特有样式 \n min-font-size,max-font-size,font-size-step,prefer-font-sizes + + +
+
+ diff --git a/ace/ace_standard/src/main/js/default/pages/progress/style/index.js b/ace/ace_standard/src/main/js/default/pages/progress/style/index.js new file mode 100644 index 000000000..8179ff70c --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/progress/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/List.test.js b/ace/ace_standard/src/main/js/default/test/List.test.js index 3614ff4fd..92376b950 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 @@ -31,3 +31,4 @@ require('./dividerProps.test.js') require('./optionProps.test.js') require('./pickerProps.test.js') require('./pickerViewProps.test.js') +require('./labelProps.test.js') 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 7d01afcfd..994081419 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 @@ -206,7 +206,7 @@ describe('aceJsTest', function () { console.info('testLabelComponent START'); let result; let options = { - uri: 'pages/label/index' + uri: 'pages/label/router/index' } try { result = router.push(options) @@ -215,7 +215,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/label/").assertEqual(pages.path); + expect("pages/label/router/").assertEqual(pages.path); done(); }); @@ -437,7 +437,7 @@ describe('aceJsTest', function () { it('testOptionComponent', 0, async function (done) { let result; let options = { - uri: 'pages/option/index' + uri: 'pages/option/router/index' } try { result = router.push(options) @@ -446,7 +446,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/option/").assertEqual(pages.path); + expect("pages/option/router/").assertEqual(pages.path); done(); }); @@ -458,7 +458,7 @@ describe('aceJsTest', function () { it('testPickerComponent', 0, async function (done) { let result; let options = { - uri: 'pages/picker/index' + uri: 'pages/picker/router/index' } try { result = router.push(options) @@ -467,7 +467,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/picker/").assertEqual(pages.path); + expect("pages/picker/router/").assertEqual(pages.path); done(); }); @@ -479,7 +479,7 @@ describe('aceJsTest', function () { it('testPickerViewComponent', 0, async function (done) { let result; let options = { - uri: 'pages/pickerView/index' + uri: 'pages/pickerView/router/index' } try { result = router.push(options) @@ -488,7 +488,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/pickerView/").assertEqual(pages.path); + expect("pages/pickerView/router/").assertEqual(pages.path); done(); }); @@ -521,7 +521,7 @@ describe('aceJsTest', function () { it('testProgressComponent', 0, async function (done) { let result; let options = { - uri: 'pages/progress/index' + uri: 'pages/progress/router/index' } try { result = router.push(options) @@ -530,7 +530,7 @@ describe('aceJsTest', function () { } await sleep(1000) let pages = router.getState(); - expect("pages/progress/").assertEqual(pages.path); + expect("pages/progress/router/").assertEqual(pages.path); done(); }); diff --git a/ace/ace_standard/src/main/js/default/test/dividerProps.test.js b/ace/ace_standard/src/main/js/default/test/dividerProps.test.js index 99dafb833..60a67b0c1 100644 --- a/ace/ace_standard/src/main/js/default/test/dividerProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/dividerProps.test.js @@ -27,7 +27,7 @@ describe('dividerPropsJsTest', function () { }).then(() => { console.info(`sleep ${time} over...`) }) - }; + } async function backToIndex() { let backToIndexPromise = new Promise((resolve, reject) => { @@ -37,16 +37,16 @@ describe('dividerPropsJsTest', function () { }); resolve(); }, 500); - }); + }) let clearPromise = new Promise((resolve, reject) => { setTimeout(() => { router.clear(); resolve(); }, 500); - }); + }) await backToIndexPromise.then(() => { return clearPromise; - }); + }) } /** @@ -67,7 +67,7 @@ describe('dividerPropsJsTest', function () { } await sleep(4000) done() - }); + }) /** * run after testcase @@ -76,7 +76,7 @@ describe('dividerPropsJsTest', function () { console.info('[dividerPropsJsTest] after each called') await backToIndex() await sleep(1000) - }); + }) /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 @@ -200,120 +200,6 @@ describe('dividerPropsJsTest', function () { done(); }); - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerDisabledPropTrue - * @tc.desc ACE - */ - it('testDividerDisabledPropTrue', 0, async function (done) { - console.info('testDividerDisabledPropTrue START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.disabledPropTrue); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('disabledPropTrue') - expect(obj.$attrs.disabled).assertEqual('true') - done(); - }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerDisabledPropFalse - * @tc.desc ACE - */ - it('testDividerDisabledPropFalse', 0, async function (done) { - console.info('testDividerDisabledPropFalse START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.disabledPropFalse); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('disabledPropFalse') - expect(obj.$attrs.disabled).assertEqual('false') - done(); - }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerDisabledPropNone - * @tc.desc ACE - */ - it('testDividerDisabledPropNone', 0, async function (done) { - console.info('testDividerDisabledPropNone START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.disabledPropNone); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('disabledPropNone') - expect(obj.$attrs.disabled).assertEqual('false') - done(); - }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerFocusablePropTrue - * @tc.desc ACE - */ - it('testDividerFocusablePropTrue', 0, async function (done) { - console.info('testDividerFocusablePropTrue START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.focusablePropTrue); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('focusablePropTrue') - expect(obj.$attrs.focusable).assertEqual('true') - done(); - }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerFocusablePropFalse - * @tc.desc ACE - */ - it('testDividerFocusablePropFalse', 0, async function (done) { - console.info('testDividerFocusablePropFalse START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.focusablePropFalse); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('focusablePropFalse') - expect(obj.$attrs.focusable).assertEqual('false') - done(); - }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testDividerFocusablePropNone - * @tc.desc ACE - */ - it('testDividerFocusablePropNone', 0, async function (done) { - console.info('testDividerFocusablePropNone START'); - console.info("[dividerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); - - let obj = JSON.parse(globalThis.value.focusablePropNone); - console.info("[dividerProps] get inspector value is: " + JSON.stringify(obj)); - console.info("[dividerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); - - expect(obj.$type).assertEqual('divider') - expect(obj.$attrs.id).assertEqual('focusablePropNone') - expect(obj.$attrs.focusable).assertEqual('false') - done(); - }); - /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 * @tc.name testDividerDataProp diff --git a/ace/ace_standard/src/main/js/default/test/labelProps.test.js b/ace/ace_standard/src/main/js/default/test/labelProps.test.js new file mode 100644 index 000000000..3aadee648 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/labelProps.test.js @@ -0,0 +1,706 @@ +/** + * 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('labelPropsJsTest', 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('[labelPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/label/prop/index' + } + try { + result = router.push(options) + console.info("push labelProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push labelProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[labelPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelIdProp + * @tc.desc ACE + */ + it('testLabelIdProp', 0, async function (done) { + console.info('testLabelIdProp START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelClassProp + * @tc.desc ACE + */ + it('testLabelClassProp', 0, async function (done) { + console.info('testLabelClassProp START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelClassPropNone + * @tc.desc ACE + */ + it('testLabelClassPropNone', 0, async function (done) { + console.info('testLabelClassPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[labelProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelStyleProp + * @tc.desc ACEs + */ +// it('testLabelStyleProp', 0, async function (done) { +// console.info('testLabelStyleProp START'); +// console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('label') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[labelProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[labelProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[labelProps] 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 testLabelRefProp + * @tc.desc ACE + */ + it('testLabelRefProp', 0, async function (done) { + console.info('testLabelRefProp START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelRefPropNone + * @tc.desc ACE + */ + it('testLabelRefPropNone', 0, async function (done) { + console.info('testLabelRefPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[labelProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDisabledPropTrue + * @tc.desc ACE + */ + it('testLabelDisabledPropTrue', 0, async function (done) { + console.info('testLabelDisabledPropTrue START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDisabledPropFalse + * @tc.desc ACE + */ + it('testLabelDisabledPropFalse', 0, async function (done) { + console.info('testLabelDisabledPropFalse START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDisabledPropNone + * @tc.desc ACE + */ + it('testLabelDisabledPropNone', 0, async function (done) { + console.info('testLabelDisabledPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelFocusablePropTrue + * @tc.desc ACE + */ + it('testLabelFocusablePropTrue', 0, async function (done) { + console.info('testLabelFocusablePropTrue START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelFocusablePropFalse + * @tc.desc ACE + */ + it('testLabelFocusablePropFalse', 0, async function (done) { + console.info('testLabelFocusablePropFalse START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelFocusablePropNone + * @tc.desc ACE + */ + it('testLabelFocusablePropNone', 0, async function (done) { + console.info('testLabelFocusablePropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDataProp + * @tc.desc ACE + */ + it('testLabelDataProp', 0, async function (done) { + console.info('testLabelDataProp START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.datalabel).assertEqual(undefined); + console.info("[labelProps] get datalabel value is: " + JSON.stringify(obj.$attrs.datalabel)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDataPropNone + * @tc.desc ACE + */ + it('testLabelDataPropNone', 0, async function (done) { + console.info('testLabelDataPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.datalabel).assertEqual(undefined) + console.info("[labelProps] get datalabel value is: " + JSON.stringify(obj.$attrs.datalabel)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelClickEffectPropSmall + * @tc.desc ACE + */ + it('testLabelClickEffectPropSmall', 0, async function (done) { + console.info('testLabelClickEffectPropSmall START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + 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 testLabelClickEffectPropMedium + * @tc.desc ACE + */ + it('testLabelClickEffectPropMedium', 0, async function (done) { + console.info('testLabelClickEffectPropMedium START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + 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 testLabelClickEffectPropLarge + * @tc.desc ACE + */ + it('testLabelClickEffectPropLarge', 0, async function (done) { + console.info('testLabelClickEffectPropLarge START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + 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 testLabelClickEffectPropNone + * @tc.desc ACE + */ + it('testLabelClickEffectPropNone', 0, async function (done) { + console.info('testLabelClickEffectPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[labelProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDirPropRtl + * @tc.desc ACE + */ + it('testLabelDirPropRtl', 0, async function (done) { + console.info('testLabelDirPropRtl START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDirPropLtr + * @tc.desc ACE + */ + it('testLabelDirPropLtr', 0, async function (done) { + console.info('testLabelDirPropLtr START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDirPropAuto + * @tc.desc ACE + */ + it('testLabelDirPropAuto', 0, async function (done) { + console.info('testLabelDirPropAuto START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelDirPropNone + * @tc.desc ACE + */ + it('testLabelDirPropNone', 0, async function (done) { + console.info('testLabelDirPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelForPropNull + * @tc.desc ACE + */ + it('testLabelForPropNull', 0, async function (done) { + console.info('testLabelForPropNull START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[labelProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelForPropOne + * @tc.desc ACE + */ + it('testLabelForPropOne', 0, async function (done) { + console.info('testLabelForPropOne START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[labelProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelForPropThree + * @tc.desc ACE + */ + it('testLabelForPropThree', 0, async function (done) { + console.info('testLabelForPropThree START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[labelProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelIfPropTrue + * @tc.desc ACE + */ + it('testLabelIfPropTrue', 0, async function (done) { + console.info('testLabelIfPropTrue START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[labelProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelIfPropFalse + * @tc.desc ACE + */ + // it('testLabelIfPropFalse', 0, async function (done) { + // console.info('testLabelIfPropFalse START'); + // console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropFalse); + // console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('label') + // expect(obj.$attrs.id).assertEqual('ifPropFalse') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelIfPropNone + * @tc.desc ACE + */ + // it('testLabelIfPropNone', 0, async function (done) { + // console.info('testLabelIfPropNone START'); + // console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + // + // let obj = JSON.parse(globalThis.value.ifPropNone); + // console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + // console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + // + // expect(obj.$type).assertEqual('label') + // expect(obj.$attrs.id).assertEqual('ifPropNone') + // expect(obj.$attrs.if).assertEqual(false) + // done(); + // }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelShowPropTrue + * @tc.desc ACE + */ + it('testLabelShowPropTrue', 0, async function (done) { + console.info('testLabelShowPropTrue START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[labelProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelShowPropFalse + * @tc.desc ACE + */ + it('testLabelShowPropFalse', 0, async function (done) { + console.info('testLabelShowPropFalse START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[labelProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelShowPropNone + * @tc.desc ACE + */ + it('testLabelShowPropNone', 0, async function (done) { + console.info('testLabelShowPropNone START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[labelProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testLabelLabelTarget + * @tc.desc ACE + */ + it('testLabelLabelTarget', 0, async function (done) { + console.info('testLabelLabelTarget START'); + console.info("[labelProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.labelTarget); + console.info("[labelProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[labelProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('label') + expect(obj.$attrs.id).assertEqual('labelTarget') + expect(obj.$attrs.target).assertEqual('labelTarget') + console.info("[labelProps] get target value is: " + JSON.stringify(obj.$attrs.target)); + done(); + }); +}); diff --git a/ace/ace_standard/src/main/js/default/test/optionProps.test.js b/ace/ace_standard/src/main/js/default/test/optionProps.test.js index e97664064..c43fda4c5 100644 --- a/ace/ace_standard/src/main/js/default/test/optionProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/optionProps.test.js @@ -27,7 +27,7 @@ describe('optionPropsJsTest', function () { }).then(() => { console.info(`sleep ${time} over...`) }) - }; + } async function backToIndex() { let backToIndexPromise = new Promise((resolve, reject) => { @@ -37,16 +37,16 @@ describe('optionPropsJsTest', function () { }); resolve(); }, 500); - }); + }) let clearPromise = new Promise((resolve, reject) => { setTimeout(() => { router.clear(); resolve(); }, 500); - }); + }) await backToIndexPromise.then(() => { return clearPromise; - }); + }) } /** @@ -67,7 +67,7 @@ describe('optionPropsJsTest', function () { } await sleep(4000) done() - }); + }) /** * run after testcase @@ -76,7 +76,7 @@ describe('optionPropsJsTest', function () { console.info('[optionPropsJsTest] after each called') await backToIndex() await sleep(1000) - }); + }) /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 diff --git a/ace/ace_standard/src/main/js/default/test/pickerProps.test.js b/ace/ace_standard/src/main/js/default/test/pickerProps.test.js index 6e68a506a..0ff1e23e2 100644 --- a/ace/ace_standard/src/main/js/default/test/pickerProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/pickerProps.test.js @@ -27,7 +27,7 @@ describe('pickerPropsJsTest', function () { }).then(() => { console.info(`sleep ${time} over...`) }) - }; + } async function backToIndex() { let backToIndexPromise = new Promise((resolve, reject) => { @@ -37,16 +37,16 @@ describe('pickerPropsJsTest', function () { }); resolve(); }, 500); - }); + }) let clearPromise = new Promise((resolve, reject) => { setTimeout(() => { router.clear(); resolve(); }, 500); - }); + }) await backToIndexPromise.then(() => { return clearPromise; - }); + }) } /** @@ -67,7 +67,7 @@ describe('pickerPropsJsTest', function () { } await sleep(4000) done() - }); + }) /** * run after testcase @@ -76,7 +76,7 @@ describe('pickerPropsJsTest', function () { console.info('[pickerPropsJsTest] after each called') await backToIndex() await sleep(1000) - }); + }) /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 @@ -754,7 +754,7 @@ describe('pickerPropsJsTest', function () { expect(obj.$type).assertEqual('picker') expect(obj.$attrs.id).assertEqual('pickerDatetime') - expect(obj.$attrs.if).assertEqual('datetime') + expect(obj.$attrs.type).assertEqual('datetime') console.info("[pickerProps] get type value is: " + JSON.stringify(obj.$attrs.type)); done(); });/** diff --git a/ace/ace_standard/src/main/js/default/test/pickerViewProps.test.js b/ace/ace_standard/src/main/js/default/test/pickerViewProps.test.js index 21ba58042..241a3af9a 100644 --- a/ace/ace_standard/src/main/js/default/test/pickerViewProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/pickerViewProps.test.js @@ -27,7 +27,7 @@ describe('pickerViewPropsJsTest', function () { }).then(() => { console.info(`sleep ${time} over...`) }) - }; + } async function backToIndex() { let backToIndexPromise = new Promise((resolve, reject) => { @@ -37,16 +37,16 @@ describe('pickerViewPropsJsTest', function () { }); resolve(); }, 500); - }); + }) let clearPromise = new Promise((resolve, reject) => { setTimeout(() => { router.clear(); resolve(); }, 500); - }); + }) await backToIndexPromise.then(() => { return clearPromise; - }); + }) } /** @@ -67,7 +67,7 @@ describe('pickerViewPropsJsTest', function () { } await sleep(4000) done() - }); + }) /** * run after testcase @@ -76,7 +76,7 @@ describe('pickerViewPropsJsTest', function () { console.info('[pickerViewPropsJsTest] after each called') await backToIndex() await sleep(1000) - }); + }) /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 diff --git a/ace/ace_standard/src/main/js/default/test/progressProps.test.js b/ace/ace_standard/src/main/js/default/test/progressProps.test.js index bba9f4d03..8ad6c96e0 100644 --- a/ace/ace_standard/src/main/js/default/test/progressProps.test.js +++ b/ace/ace_standard/src/main/js/default/test/progressProps.test.js @@ -27,7 +27,7 @@ describe('progressPropsJsTest', function () { }).then(() => { console.info(`sleep ${time} over...`) }) - }; + } async function backToIndex() { let backToIndexPromise = new Promise((resolve, reject) => { @@ -37,16 +37,16 @@ describe('progressPropsJsTest', function () { }); resolve(); }, 500); - }); + }) let clearPromise = new Promise((resolve, reject) => { setTimeout(() => { router.clear(); resolve(); }, 500); - }); + }) await backToIndexPromise.then(() => { return clearPromise; - }); + }) } /** @@ -67,7 +67,7 @@ describe('progressPropsJsTest', function () { } await sleep(4000) done() - }); + }) /** * run after testcase @@ -76,7 +76,7 @@ describe('progressPropsJsTest', function () { console.info('[progressPropsJsTest] after each called') await backToIndex() await sleep(1000) - }); + }) /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 -- GitLab