diff --git a/arkui/ace_standard/src/main/config.json b/arkui/ace_standard/src/main/config.json index ed34ee61c8e0760fb60f84cc040778e9320ebc67..c0a00fd87b0a682584434d7b68ee3f7789ec8e9e 100644 --- a/arkui/ace_standard/src/main/config.json +++ b/arkui/ace_standard/src/main/config.json @@ -97,7 +97,21 @@ "pages/picker/prop/index", "pages/picker/style/index", "pages/pickerView/router/index", - "pages/pickerView/prop/index", + "pages/pickerView/prop211/index", + "pages/pickerView/prop2111/index", + "pages/pickerView/prop2112/index", + "pages/pickerView/prop2113/index", + "pages/pickerView/prop212/index", + "pages/pickerView/prop22/index", + "pages/pickerView/prop31/index", + "pages/pickerView/prop32/index", + "pages/pickerView/prop41/index", + "pages/pickerView/prop411/index", + "pages/pickerView/prop4111/index", + "pages/pickerView/prop4112/index", + "pages/pickerView/prop4113/index", + "pages/pickerView/prop412/index", + "pages/pickerView/prop42/index", "pages/pickerView/style/index", "pages/piece/router/index", "pages/piece/prop/index", diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.css new file mode 100644 index 0000000000000000000000000000000000000000..2635692c8cd4175f63393e5f729717ba4fbcc769 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.css @@ -0,0 +1,154 @@ +/** + * 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%; +} +divider { + 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; +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..7b24e294616b4bb3a8ae1d6741e61e346485f5da --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.hml @@ -0,0 +1,29 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- id + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.js new file mode 100644 index 0000000000000000000000000000000000000000..fe13b5591a3571dcad50bb072fdb6a915b5ff442 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2111/index.js @@ -0,0 +1,42 @@ +/** + * 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:{ + idProp : null, + }, + onReady() { + this.getCommonPropValues(); + globalThis.value = { + idProp : this.idProp, + + } + + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + idProp : this.idProp, + + } + }, + + getCommonPropValues(){ + this.idProp = this.$element("idProp").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.css new file mode 100644 index 0000000000000000000000000000000000000000..2635692c8cd4175f63393e5f729717ba4fbcc769 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.css @@ -0,0 +1,154 @@ +/** + * 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%; +} +divider { + 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; +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..b8679a4e465ba9e72984f4744c1ba65a67dc2eaf --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.hml @@ -0,0 +1,29 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- class + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.js new file mode 100644 index 0000000000000000000000000000000000000000..88823add034ee60702dccac8d85686be4e44a3eb --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2112/index.js @@ -0,0 +1,34 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import prompt from '@system.prompt'; + +export default { + data:{ + classProp : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + classProp : this.classProp, + + } + }, + + getCommonPropValues(){ + this.classProp = this.$element("classProp").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.css new file mode 100644 index 0000000000000000000000000000000000000000..2635692c8cd4175f63393e5f729717ba4fbcc769 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.css @@ -0,0 +1,154 @@ +/** + * 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%; +} +divider { + 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; +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..2bae07e4ac2d55905a7a848a1d32873ca461c4e1 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.hml @@ -0,0 +1,29 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- id + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.js new file mode 100644 index 0000000000000000000000000000000000000000..8f2d81feb2b9d7a9860a861ef8852766876df9ab --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop2113/index.js @@ -0,0 +1,33 @@ +/** + * 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:{ + classPropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + classPropNone : this.classPropNone, + } + }, + + getCommonPropValues(){ + this.classPropNone = this.$element("classPropNone").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.css new file mode 100644 index 0000000000000000000000000000000000000000..2635692c8cd4175f63393e5f729717ba4fbcc769 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.css @@ -0,0 +1,154 @@ +/** + * 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%; +} +divider { + 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; +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..24195c9eea2f7f843c0ade99ae42086635097498 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.hml @@ -0,0 +1,40 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.js new file mode 100644 index 0000000000000000000000000000000000000000..bc2fa8042e8133bca56e4ab1b29165cbe653af65 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop212/index.js @@ -0,0 +1,39 @@ +/** + * 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:{ + styleProp : null, + refProp : null, + refPropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + styleProp : this.styleProp, + refProp : this.refProp, + refPropNone : this.refPropNone, + } + }, + + getCommonPropValues(){ + this.styleProp = this.$element("styleProp").getInspector() + this.refProp = this.$element("refProp").getInspector() + this.refPropNone = this.$element("refPropNone").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.css new file mode 100644 index 0000000000000000000000000000000000000000..2635692c8cd4175f63393e5f729717ba4fbcc769 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.css @@ -0,0 +1,154 @@ +/** + * 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%; +} +divider { + 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; +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..6c9092a650a7decb8dca8be281b05b49eec69ed6 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.hml @@ -0,0 +1,49 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.js new file mode 100644 index 0000000000000000000000000000000000000000..b9c25f07091a9e2bf8b44b16ff6dc06d484b14eb --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop22/index.js @@ -0,0 +1,49 @@ +/** + * 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:{ + disabledPropTrue : null, + disabledPropFalse : null, + disabledPropNone : null, + focusablePropTrue : null, + focusablePropFalse : null, + focusablePropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + disabledPropTrue : this.disabledPropTrue, + disabledPropFalse : this.disabledPropFalse, + disabledPropNone : this.disabledPropNone, + focusablePropTrue : this.focusablePropTrue, + focusablePropFalse : this.focusablePropFalse, + focusablePropNone : this.focusablePropNone, + } + }, + + getCommonPropValues(){ + 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() + + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..3a2ed4fb231b26376bc6d80f73ac4480d8184c42 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.hml @@ -0,0 +1,43 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- data-* + + + 通用属性 -- dir + + + + + + + + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.js new file mode 100644 index 0000000000000000000000000000000000000000..ababa98fb2799aaed82f0caa0021b8e73332e47c --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop31/index.js @@ -0,0 +1,44 @@ +/** + * 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:[{},{},{}], + dirPropRtl : null, + dirPropAuto : null, + dirPropLtr : null, + dirPropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + dirPropRtl : this.dirPropRtl, + dirPropAuto : this.dirPropAuto, + dirPropLtr : this.dirPropLtr, + dirPropNone : this.dirPropNone, + } + }, + + getCommonPropValues(){ + this.dirPropRtl = this.$element("dirPropRtl").getInspector() + this.dirPropAuto = this.$element("dirPropAuto").getInspector() + this.dirPropLtr = this.$element("dirPropLtr").getInspector() + this.dirPropNone = this.$element("dirPropNone").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..38ec94d8fdad6ebab360b99d910b3e6bf4886eb6 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.hml @@ -0,0 +1,48 @@ + + +
+
+ + picker-view通用属性 + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.js new file mode 100644 index 0000000000000000000000000000000000000000..25376453c51e7132c7fcaace0abe6c91b3a2c0a8 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop32/index.js @@ -0,0 +1,51 @@ +/** + * 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:[{},{},{}], + dataProp : null, + dataPropNone : null, + clickEffectPropSmall : null, + clickEffectPropMedium : null, + clickEffectPropLarge : null, + clickEffectPropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + dataProp : this.dataProp, + dataPropNone : this.dataPropNone, + clickEffectPropSmall : this.clickEffectPropSmall, + clickEffectPropMedium : this.clickEffectPropMedium, + clickEffectPropLarge : this.clickEffectPropLarge, + clickEffectPropNone : this.clickEffectPropNone, + } + }, + + getCommonPropValues(){ + 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() + + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..fa5e3f94bc629d9b920852658481244cc38abdc2 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.hml @@ -0,0 +1,43 @@ + + +
+
+ + picker-view通用属性 + +
+ +
+
+
+ + picker-view特有属性 + + + picker-view特有属性 -- type + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.js new file mode 100644 index 0000000000000000000000000000000000000000..5ab34f25f88228e327a74103de8893a07670504b --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4111/index.js @@ -0,0 +1,32 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import prompt from '@system.prompt'; + +export default { + data:{ + pickerViewDate: null, + }, + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + pickerViewDate: this.pickerViewDate, + } + }, + + getCommonPropValues(){ + this.pickerViewDate = this.$element("pickerViewDate").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..be4c0dca406300b5e5e33afac00ab33e3036ddb3 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.hml @@ -0,0 +1,41 @@ + + +
+
+ + picker-view通用属性 + +
+ +
+
+
+ + picker-view特有属性 + + + picker-view特有属性 -- type + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.js new file mode 100644 index 0000000000000000000000000000000000000000..43306f50a2072ea1cf983164a4baed1e8108331f --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4112/index.js @@ -0,0 +1,34 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import prompt from '@system.prompt'; + +export default { + data:{ + pickerViewDatetime: null, + + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + pickerViewDatetime: this.pickerViewDatetime, + } + }, + + getCommonPropValues(){ + this.pickerViewDatetime = this.$element("pickerViewDatetime").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..8f622ddc8e26d5a8794f84c487fc5a024e51614e --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.hml @@ -0,0 +1,49 @@ + + +
+
+ + picker-view通用属性 + +
+ +
+
+
+ + picker-view特有属性 + + + picker-view特有属性 -- type + + + + picker-view特有属性 -- picker-view + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.js new file mode 100644 index 0000000000000000000000000000000000000000..ade91083f8372f99156a854a9006ca4dd0fe8565 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop4113/index.js @@ -0,0 +1,35 @@ +/** + * 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:{ + multitext:[["a", "b", "c"], ["e", "f", "g"], ["h", "i"], ["k", "l", "m"]], + rangetext:['15', "20", "25"], + pickerViewMultiText: null + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + pickerViewMultiText: this.pickerViewMultiText + } + }, + + getCommonPropValues(){ + this.pickerViewMultiText = this.$element("pickerViewMultiText").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..373cdef8380141b689db538cdbfd2271bfbcbb52 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.hml @@ -0,0 +1,48 @@ + + +
+
+ + picker-view通用属性 + +
+ +
+
+
+ + picker-view特有属性 + + + picker-view特有属性 -- type + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.js new file mode 100644 index 0000000000000000000000000000000000000000..6daee4e6c4f23f779d01bf40fc7f1fc6b3889f48 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop412/index.js @@ -0,0 +1,40 @@ +/** + * 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:{ + multitext:[["a", "b", "c"], ["e", "f", "g"], ["h", "i"], ["k", "l", "m"]], + rangetext:['15', "20", "25"], + multitextselect:[1,2,0], + pickerViewText: null, + pickerViewTime: null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + pickerViewText: this.pickerViewText, + pickerViewTime: this.pickerViewTime, + } + }, + + getCommonPropValues(){ + this.pickerViewText = this.$element("pickerViewText").getInspector() + this.pickerViewTime = this.$element("pickerViewTime").getInspector() + + } +} diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.css b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.css new file mode 100644 index 0000000000000000000000000000000000000000..62149111a0003cfda82579bcee7cf03d014c0b08 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.css @@ -0,0 +1,371 @@ +/** + * 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%; +} +divider { + 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; +} +picker-view { + font-size: 12px; + selected-font-size: 12px; + height: 60px; + disappear-font-size: 12px; + background-color: yellow; +} +#pickerViewText { + background-color: deeppink; +} +#pickerViewTime { + background-color: pink; +} +#pickerViewDate { + background-color: yellow; +} +#pickerViewDatetime { + background-color: greenyellow; +} +#pickerViewMultiText { + background-color: skyblue; +} \ No newline at end of file diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.hml b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..9a281ac204e73dc5c7fb8190b151605bb882287d --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.hml @@ -0,0 +1,64 @@ + + +
+
+ + picker-view通用属性 + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + + + + + + + 渲染属性 -- show + + + + + + + +
+
diff --git a/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.js b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.js new file mode 100644 index 0000000000000000000000000000000000000000..9024e2b3768ccb6c172fbf1e78405be691ca02e1 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/pages/pickerView/prop42/index.js @@ -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. + */ + +import prompt from '@system.prompt'; + +export default { + data:{ + listOne:[{}], + listThree:[{},{},{}], + forPropNull : null, + forPropOne : null, + forPropThree : null, + ifPropTrue : null, + showPropTrue : null, + showPropFalse : null, + showPropNone : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + forPropNull : this.forPropNull, + forPropOne : this.forPropOne, + forPropThree : this.forPropThree, + ifPropTrue : this.ifPropTrue, + showPropTrue : this.showPropTrue, + showPropFalse : this.showPropFalse, + showPropNone : this.showPropNone, + } + }, + + getCommonPropValues(){ + this.forPropNull = this.$element("forPropNull").getInspector() + this.forPropOne = this.$element("forPropOne").getInspector() + this.forPropThree = this.$element("forPropThree").getInspector() + this.ifPropTrue = this.$element("ifPropTrue").getInspector() + this.showPropTrue = this.$element("showPropTrue").getInspector() + this.showPropFalse = this.$element("showPropFalse").getInspector() + this.showPropNone = this.$element("showPropNone").getInspector() + } +} diff --git a/arkui/ace_standard/src/main/js/default/test/List.test.js b/arkui/ace_standard/src/main/js/default/test/List.test.js index a46bfb645db8428b3557919d9d109456fffd0036..bdc4e70eaa8c3831db91d4e43aae5fed60a46315 100644 --- a/arkui/ace_standard/src/main/js/default/test/List.test.js +++ b/arkui/ace_standard/src/main/js/default/test/List.test.js @@ -26,7 +26,18 @@ require('./tabsProps.test.js') require('./progressProps.test.js') require('./dividerProps.test.js') require('./pickerProps.test.js') -require('./pickerViewProps.test.js') +require('./pickerViewProps2111.test.js') +require('./pickerViewProps2112.test.js') +require('./pickerViewProps2113.test.js') +require('./pickerViewProps212.test.js') +require('./pickerViewProps22.test.js') +require('./pickerViewProps31.test.js') +require('./pickerViewProps32.test.js') +require('./pickerViewProps4111.test.js') +require('./pickerViewProps4112.test.js') +require('./pickerViewProps4113.test.js') +require('./pickerViewProps412.test.js') +require('./pickerViewProps42.test.js') require('./labelProps.test.js') require('./stackProps.test.js') require('./panelProps.test.js') diff --git a/arkui/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js b/arkui/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js index 7d1f1c1788e0ea896b0bd1267550d058b75b99d9..9261c0fbe02974f1798cb8624c48007eb15df199 100644 --- a/arkui/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js +++ b/arkui/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js @@ -491,34 +491,12 @@ describe('aceJsTest', function () { expect("pages/picker/router/").assertEqual(pages.path); done(); }); - - /** - * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 - * @tc.name testPickerViewComponent - * @tc.desc ACE - */ - it('testPickerViewComponent', 0, async function (done) { - let result; - let options = { - uri: 'pages/pickerView/router/index' - } - try { - result = router.push(options) - } catch (err) { - result = err - } - await sleep(1000) - let pages = router.getState(); - expect("pages/pickerView/router/").assertEqual(pages.path); - done(); - }); - - /** + /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 * @tc.name testPieceComponent * @tc.desc ACE */ - it('testPieceComponent', 0, async function (done) { + it('testPieceComponent', 0, async function (done) { let result; let options = { uri: 'pages/piece/router/index' @@ -528,7 +506,7 @@ describe('aceJsTest', function () { } catch (err) { result = err } - await sleep(1000) + await sleep(3000) let pages = router.getState(); expect("pages/piece/router/").assertEqual(pages.path); done(); @@ -549,7 +527,7 @@ describe('aceJsTest', function () { } catch (err) { result = err } - await sleep(1000) + await sleep(3000) let pages = router.getState(); expect("pages/progress/router/").assertEqual(pages.path); done(); @@ -570,7 +548,7 @@ describe('aceJsTest', function () { } catch (err) { result = err } - await sleep(1000) + await sleep(3000) let pages = router.getState(); expect("pages/qrcode/router/").assertEqual(pages.path); done(); @@ -591,7 +569,7 @@ describe('aceJsTest', function () { } catch (err) { result = err } - await sleep(1000) + await sleep(3000) let pages = router.getState(); expect("pages/select/router/").assertEqual(pages.path); done(); @@ -1194,6 +1172,27 @@ describe('aceJsTest', function () { expect("pages/obj_Path2D/router/").assertEqual(pages.path); done(); }); + // /** + // * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + // * @tc.name testPickerViewComponent + // * @tc.desc ACE + // */ + // it('testPickerViewComponent', 0, async function (done) { + // let result; + // let options = { + // uri: 'pages/pickerView/router2/index' + // } + // try { + // result = router.push(options) + // } catch (err) { + // result = err + // } + // await sleep(5000) + // let pages = router.getState(); + // expect("pages/pickerView/router2/").assertEqual(pages.path); + // done(); + // }); + /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 @@ -1217,6 +1216,7 @@ describe('aceJsTest', function () { expect("pages/camera/router/").assertEqual(pages.path); done(); }); + /** * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps2111.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2111.test.js new file mode 100644 index 0000000000000000000000000000000000000000..99203779079eadd4c2698457c40b87e282913d04 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2111.test.js @@ -0,0 +1,127 @@ +/** + * 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('pickerViewPropsJsTest2111', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop2111/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(2000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewIdProp + * @tc.desc ACE + */ + it('testPickerViewIdProp', 0, async function (done) { + console.info('testPickerViewIdProp START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + + +// /** +// * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 +// * @tc.name testPickerViewStyleProp +// * @tc.desc ACEs +// */ +// it('testPickerViewStyleProp', 0, async function (done) { +// console.info('testPickerViewStyleProp START'); +// console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('picker-view') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[pickerViewProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[pickerViewProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[pickerViewProps] get style height value is: " + JSON.stringify(obj.$styles.height)); +// expect(obj.$styles.get('background-color')).assertEqual(undefined); +// done(); +// }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps2112.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2112.test.js new file mode 100644 index 0000000000000000000000000000000000000000..c98e3c9e642683def84f69193194a2635e14bf0f --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2112.test.js @@ -0,0 +1,127 @@ +/** + * 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('pickerViewPropsJsTest2112', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop2112/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewClassProp + * @tc.desc ACE + */ + it('testPickerViewClassProp', 0, async function (done) { + console.info('testPickerViewClassProp START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + +// /** +// * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 +// * @tc.name testPickerViewStyleProp +// * @tc.desc ACEs +// */ +// it('testPickerViewStyleProp', 0, async function (done) { +// console.info('testPickerViewStyleProp START'); +// console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('picker-view') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[pickerViewProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[pickerViewProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[pickerViewProps] get style height value is: " + JSON.stringify(obj.$styles.height)); +// expect(obj.$styles.get('background-color')).assertEqual(undefined); +// done(); +// }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps2113.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2113.test.js new file mode 100644 index 0000000000000000000000000000000000000000..3bc7e86688dbd2f3e32c80915580b987290a0df9 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps2113.test.js @@ -0,0 +1,126 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + import router from '@system.router'; + import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + + describe('pickerViewPropsJsTest2113', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop2113/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewClassPropNone + * @tc.desc ACE + */ + it('testPickerViewClassPropNone', 0, async function (done) { + console.info('testPickerViewClassPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[pickerViewProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + +// /** +// * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 +// * @tc.name testPickerViewStyleProp +// * @tc.desc ACEs +// */ +// it('testPickerViewStyleProp', 0, async function (done) { +// console.info('testPickerViewStyleProp START'); +// console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('picker-view') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[pickerViewProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[pickerViewProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[pickerViewProps] get style height value is: " + JSON.stringify(obj.$styles.height)); +// expect(obj.$styles.get('background-color')).assertEqual(undefined); +// done(); +// }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps212.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps212.test.js new file mode 100644 index 0000000000000000000000000000000000000000..8345a8207e8e30355b081bd57d407f9365171408 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps212.test.js @@ -0,0 +1,147 @@ +/** + * 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('pickerViewPropsJsTest212', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop212/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + +// /** +// * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 +// * @tc.name testPickerViewStyleProp +// * @tc.desc ACEs +// */ +// it('testPickerViewStyleProp', 0, async function (done) { +// console.info('testPickerViewStyleProp START'); +// console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); +// +// let obj = JSON.parse(globalThis.value.styleProp); +// console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); +// console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); +// +// expect(obj.$type).assertEqual('picker-view') +// expect(obj.$attrs.id).assertEqual('styleProp') +// expect(obj.$attrs.style).assertEqual(undefined) +// console.info("[pickerViewProps] get style value is: " + JSON.stringify(obj.$attrs.style)); +// +// expect(obj.$styles.width).assertEqual(undefined); +// console.info("[pickerViewProps] get style width value is: " + JSON.stringify(obj.$styles.width)); +// expect(obj.$styles.height).assertEqual(undefined); +// console.info("[pickerViewProps] 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 testPickerViewRefProp + * @tc.desc ACE + */ + it('testPickerViewRefProp', 0, async function (done) { + console.info('testPickerViewRefProp START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewRefPropNone + * @tc.desc ACE + */ + it('testPickerViewRefPropNone', 0, async function (done) { + console.info('testPickerViewRefPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[pickerViewProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps22.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps22.test.js new file mode 100644 index 0000000000000000000000000000000000000000..497fa7d7af9748520a5758865368b8c2e4985686 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps22.test.js @@ -0,0 +1,194 @@ +/** + * 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('pickerViewPropsJsTest22', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop22/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDisabledPropTrue + * @tc.desc ACE + */ + it('testPickerViewDisabledPropTrue', 0, async function (done) { + console.info('testPickerViewDisabledPropTrue START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDisabledPropFalse + * @tc.desc ACE + */ + it('testPickerViewDisabledPropFalse', 0, async function (done) { + console.info('testPickerViewDisabledPropFalse START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDisabledPropNone + * @tc.desc ACE + */ + it('testPickerViewDisabledPropNone', 0, async function (done) { + console.info('testPickerViewDisabledPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewFocusablePropTrue + * @tc.desc ACE + */ + it('testPickerViewFocusablePropTrue', 0, async function (done) { + console.info('testPickerViewFocusablePropTrue START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewFocusablePropFalse + * @tc.desc ACE + */ + it('testPickerViewFocusablePropFalse', 0, async function (done) { + console.info('testPickerViewFocusablePropFalse START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewFocusablePropNone + * @tc.desc ACE + */ + it('testPickerViewFocusablePropNone', 0, async function (done) { + console.info('testPickerViewFocusablePropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps31.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps31.test.js new file mode 100644 index 0000000000000000000000000000000000000000..bd9cf6664bae078ba9076f69893d6d4da6e63261 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps31.test.js @@ -0,0 +1,156 @@ +/** + * 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('pickerViewPropsJsTest31', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop31/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDirPropRtl + * @tc.desc ACE + */ + it('testPickerViewDirPropRtl', 0, async function (done) { + console.info('testPickerViewDirPropRtl START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDirPropLtr + * @tc.desc ACE + */ + it('testPickerViewDirPropLtr', 0, async function (done) { + console.info('testPickerViewDirPropLtr START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDirPropAuto + * @tc.desc ACE + */ + it('testPickerViewDirPropAuto', 0, async function (done) { + console.info('testPickerViewDirPropAuto START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDirPropNone + * @tc.desc ACE + */ + it('testPickerViewDirPropNone', 0, async function (done) { + console.info('testPickerViewDirPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps32.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps32.test.js new file mode 100644 index 0000000000000000000000000000000000000000..a2ed5e732685e5a5800f91d5e05b38191c59f44f --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps32.test.js @@ -0,0 +1,198 @@ +/** + * 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('pickerViewPropsJsTest32', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop32/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDataProp + * @tc.desc ACE + */ + it('testPickerViewDataProp', 0, async function (done) { + console.info('testPickerViewDataProp START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.datapickerView).assertEqual(undefined); + console.info("[pickerViewProps] get datapickerView value is: " + JSON.stringify(obj.$attrs.datapickerView)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewDataPropNone + * @tc.desc ACE + */ + it('testPickerViewDataPropNone', 0, async function (done) { + console.info('testPickerViewDataPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.datapickerView).assertEqual(undefined) + console.info("[pickerViewProps] get datapickerView value is: " + JSON.stringify(obj.$attrs.datapickerView)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewClickEffectPropSmall + * @tc.desc ACE + */ + it('testPickerViewClickEffectPropSmall', 0, async function (done) { + console.info('testPickerViewClickEffectPropSmall START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + 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 testPickerViewClickEffectPropMedium + * @tc.desc ACE + */ + it('testPickerViewClickEffectPropMedium', 0, async function (done) { + console.info('testPickerViewClickEffectPropMedium START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + 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 testPickerViewClickEffectPropLarge + * @tc.desc ACE + */ + it('testPickerViewClickEffectPropLarge', 0, async function (done) { + console.info('testPickerViewClickEffectPropLarge START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + 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 testPickerViewClickEffectPropNone + * @tc.desc ACE + */ + it('testPickerViewClickEffectPropNone', 0, async function (done) { + console.info('testPickerViewClickEffectPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[pickerViewProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps4111.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4111.test.js new file mode 100644 index 0000000000000000000000000000000000000000..c7d48e7f466724b47df3f7f8958bf8400bfcb553 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4111.test.js @@ -0,0 +1,101 @@ +/** + * 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('pickerViewPropsJsTest4111', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop4111/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewPickerViewDate + * @tc.desc ACE + */ + it('testPickerViewPickerViewDate', 0, async function (done) { + console.info('testPickerViewPickerViewDate START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.pickerViewDate); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('pickerViewDate') + expect(obj.$attrs.type).assertEqual('date') + console.info("[pickerViewProps] get type value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps4112.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4112.test.js new file mode 100644 index 0000000000000000000000000000000000000000..111a06d185172bba0f1fe200aa304676166cdc9e --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4112.test.js @@ -0,0 +1,102 @@ +/** + * 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('pickerViewPropsJsTest4112', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop4112/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewPickerViewDatetime + * @tc.desc ACE + */ + it('testPickerViewPickerViewDatetime', 0, async function (done) { + console.info('testPickerViewPickerViewDatetime START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.pickerViewDatetime); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('pickerViewDatetime') + expect(obj.$attrs.type).assertEqual('datetime') + console.info("[pickerViewProps] get type value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps4113.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4113.test.js new file mode 100644 index 0000000000000000000000000000000000000000..6e55905a2a1b975a3c3e4b7ebdb0b4c193a1a89e --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps4113.test.js @@ -0,0 +1,99 @@ +/** + * 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('pickerViewPropsJsTest4113', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop4113/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewPickerViewMultiText + * @tc.desc ACE + */ + it('testPickerViewPickerViewMultiText', 0, async function (done) { + console.info('testPickerViewPickerViewMultiText START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.pickerViewMultiText); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('pickerViewMultiText') + expect(obj.$attrs.type).assertEqual('multi-text') + console.info("[pickerViewProps] get type value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps412.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps412.test.js new file mode 100644 index 0000000000000000000000000000000000000000..b0d77ffe7115fadbb9f4082a5ac327cd11e5d2db --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps412.test.js @@ -0,0 +1,121 @@ +/** + * 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('pickerViewPropsJsTest412', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop412/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewPickerViewText + * @tc.desc ACE + */ + it('testPickerViewPickerViewText', 0, async function (done) { + console.info('testPickerViewPickerViewText START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.pickerViewText); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('pickerViewText') + expect(obj.$attrs.type).assertEqual('text') + console.info("[pickerViewProps] get type value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewPickerViewTime + * @tc.desc ACE + */ + it('testPickerViewPickerViewTime', 0, async function (done) { + console.info('testPickerViewPickerViewTime START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.pickerViewTime); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('pickerViewTime') + expect(obj.$attrs.type).assertEqual('time') + console.info("[pickerViewProps] get type value is: " + JSON.stringify(obj.$attrs.type)); + done(); + }); + + }); diff --git a/arkui/ace_standard/src/main/js/default/test/pickerViewProps42.test.js b/arkui/ace_standard/src/main/js/default/test/pickerViewProps42.test.js new file mode 100644 index 0000000000000000000000000000000000000000..8c4552e0b4840db46c200bbd80b9032bd7404512 --- /dev/null +++ b/arkui/ace_standard/src/main/js/default/test/pickerViewProps42.test.js @@ -0,0 +1,259 @@ +/** + * 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('pickerViewPropsJsTest42', 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('[pickerViewPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/pickerView/prop42/index' + } + try { + result = router.push(options) + console.info("push pickerViewProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push pickerViewProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }) + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[pickerViewPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }) + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewForPropNull + * @tc.desc ACE + */ + it('testPickerViewForPropNull', 0, async function (done) { + console.info('testPickerViewForPropNull START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[pickerViewProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewForPropOne + * @tc.desc ACE + */ + it('testPickerViewForPropOne', 0, async function (done) { + console.info('testPickerViewForPropOne START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[pickerViewProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewForPropThree + * @tc.desc ACE + */ + it('testPickerViewForPropThree', 0, async function (done) { + console.info('testPickerViewForPropThree START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[pickerViewProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewIfPropTrue + * @tc.desc ACE + */ + it('testPickerViewIfPropTrue', 0, async function (done) { + console.info('testPickerViewIfPropTrue START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[pickerViewProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewIfPropFalse + * @tc.desc ACE + */ + /* it('testPickerViewIfPropFalse', 0, async function (done) { + console.info('testPickerViewIfPropFalse START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropFalse); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('ifPropFalse') + expect(obj.$attrs.if).assertEqual(false) + done(); + }); */ + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewIfPropNone + * @tc.desc ACE + */ + /* it('testPickerViewIfPropNone', 0, async function (done) { + console.info('testPickerViewIfPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('ifPropNone') + expect(obj.$attrs.if).assertEqual(false) + done(); + }); */ + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewShowPropTrue + * @tc.desc ACE + */ + it('testPickerViewShowPropTrue', 0, async function (done) { + console.info('testPickerViewShowPropTrue START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[pickerViewProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewShowPropFalse + * @tc.desc ACE + */ + it('testPickerViewShowPropFalse', 0, async function (done) { + console.info('testPickerViewShowPropFalse START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[pickerViewProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testPickerViewShowPropNone + * @tc.desc ACE + */ + it('testPickerViewShowPropNone', 0, async function (done) { + console.info('testPickerViewShowPropNone START'); + console.info("[pickerViewProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[pickerViewProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[pickerViewProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('picker-view') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual('true') + console.info("[pickerViewProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + });