diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json
index 05b06230e13ccc4d1c2a6ae2b5febbb5a1934ae0..8174d6a813c43fd30170c07203648d78d02ca74b 100755
--- a/ace/ace_standard/src/main/config.json
+++ b/ace/ace_standard/src/main/config.json
@@ -60,7 +60,8 @@
"pages/text/index",
"pages/divider/router/index",
"pages/image/router/index",
- "pages/label/index",
+ "pages/label/router/index",
+ "pages/label/prop/index",
"pages/rating/index",
"pages/search/index",
"pages/toolbar/index",
diff --git a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml
index 76473a8fae3bb6f1fb595aa1db670cee821580ba..91d52805f60c6db616e7020c3a63aafad0194aa8 100644
--- a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.hml
@@ -53,32 +53,6 @@
ref="">
-
- 通用属性 -- disabled
-
-
-
-
-
-
-
-
-
- 通用属性 -- focusable
-
-
-
-
-
-
-
-
通用属性 -- data-*
@@ -150,7 +124,7 @@
show="false">
+ show="">
diff --git a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js
index e3d1971b98e6d11e37ad32760fd0646bef47a554..27e08faaf2228e01edd5b21b75768520157df392 100644
--- a/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/divider/prop/index.js
@@ -25,12 +25,6 @@ export default {
styleProp : null,
refProp : null,
refPropNone : null,
- disabledPropTrue : null,
- disabledPropFalse : null,
- disabledPropNone : null,
- focusablePropTrue : null,
- focusablePropFalse : null,
- focusablePropNone : null,
dataProp : null,
dataPropNone : null,
clickEffectPropSmall : null,
@@ -52,7 +46,7 @@ export default {
verticalFalse: null
},
- onCreate(){
+ onShow(){
this.getCommonPropValues();
this.getSpecificPropValues();
globalThis.value = {
@@ -62,12 +56,6 @@ export default {
styleProp : this.styleProp,
refProp : this.refProp,
refPropNone : this.refPropNone,
- disabledPropTrue : this.disabledPropTrue,
- disabledPropFalse : this.disabledPropFalse,
- disabledPropNone : this.disabledPropNone,
- focusablePropTrue : this.focusablePropTrue,
- focusablePropFalse : this.focusablePropFalse,
- focusablePropNone : this.focusablePropNone,
dataProp : this.dataProp,
dataPropNone : this.dataPropNone,
clickEffectPropSmall : this.clickEffectPropSmall,
@@ -97,12 +85,6 @@ export default {
this.styleProp = this.$element("styleProp").getInspector()
this.refProp = this.$element("refProp").getInspector()
this.refPropNone = this.$element("refPropNone").getInspector()
- this.disabledPropTrue = this.$element("disabledPropTrue").getInspector()
- this.disabledPropFalse = this.$element("disabledPropFalse").getInspector()
- this.disabledPropNone = this.$element("disabledPropNone").getInspector()
- this.focusablePropTrue = this.$element("focusablePropTrue").getInspector()
- this.focusablePropFalse = this.$element("focusablePropFalse").getInspector()
- this.focusablePropNone = this.$element("focusablePropNone").getInspector()
this.dataProp = this.$element("dataProp").getInspector()
this.dataPropNone = this.$element("dataPropNone").getInspector()
this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector()
diff --git a/ace/ace_standard/src/main/js/default/pages/divider/style/index.css b/ace/ace_standard/src/main/js/default/pages/divider/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..29a6c8679f8e0b10dda82397846e63f1d37077a4
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/divider/style/index.css
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.title{
+ width: 100%;
+ font-size: 18px;
+ margin: 2px;
+ padding: 2px;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sub-title{
+ width: 100%;
+ font-size: 14px;
+ text-align: left;
+ margin: 2px;
+ padding: 2px;
+}
+
+.style-container{
+ flex-direction: column;
+ width: 50%;
+}
+.style-box {
+ padding: 10px;
+ background-color: blue;
+ margin-bottom: 10px;
+}
+divider {
+ stroke-width: 3px;
+}
+#style1 {
+ margin: 1px 2px 3px 4px;
+ color: greenyellow;
+ stroke-width: 3px;
+ display: flex;
+ visibility: visible;
+}
+#line-cap {
+ line-cap: round;
+ color: greenyellow;
+ stroke-width: 3px;
+}
+#lineCapButt {
+ line-cap: butt;
+ color: green;
+}
+#lineCapRound {
+ line-cap: round;
+ color: greenyellow;
+}
+#lineCapSquare {
+ line-cap: square;
+ color: pink;
+}
+#flex {
+ color: pink;
+ flex-grow: 1;
+ flex-basis: 20px;
+ flex-shrink:1 ;
+}
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml b/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..8700b1694d699e9ebbc5f10320d7ed8ea436c228
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/divider/style/index.hml
@@ -0,0 +1,44 @@
+
+
+
+
+
+ divider特有样式
+
+
+
+ 特有样式1-5 \n margin、color、stroke-width、display、visibility
+
+
+
+ 特有样式--line-cap
+
+
+
+ 特有样式--flex
+
+
+
+
+
+
+ label通用属性
+
+
+
+ 通用属性 -- id
+
+
+
+
+
+ 通用属性 -- class
+
+
+
+
+
+
+
+
+ 通用属性 -- style
+
+
+
+
+
+ 通用属性 -- ref
+
+
+
+
+
+
+
+ 通用属性 -- disabled
+
+
+
+
+
+
+
+
+
+ 通用属性 -- focusable
+
+
+
+
+
+
+
+
+
+ 通用属性 -- data-*
+
+
+
+
+
+
+
+ 通用属性 -- click-effect
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性 -- dir
+
+
+
+
+
+
+
+
+
+
+
+ 渲染属性 -- for
+
+
+
+
+
+
+
+
+
+ 渲染属性 -- if
+
+
+
+
+
+ 渲染属性 -- show
+
+
+
+
+
+
+
+
+
+
+
+
+
+ label特有属性
+
+
+ label特有属性 -- target
+
+ label
+
+
+
+
+
+
+ 通用样式
+
+
+
+ label通用样式1
+
+
label
+
+
+ label通用样式2
+
+
label
+
+
+
+ label通用样式3
+
+
label
+
+
+
+ label通用样式4
+
+
label
+
+
+
+ label通用样式5
+
+
+ label
+
+ label
+
+
+
+
+ label特有样式
+
+
label
+
+
+
+
+
+
+
+
+ 动画样式
+
+
+
+ label动画样式1
+
+
+
+
+
+ label动画样式2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+ label通用属性1
+
+
label
+
+
+
+ label通用属性2
+
+
label
+
+
+
+ label通用属性3
+
+
label
+
+
+
+ label特有属性4
+
+
+ 性别：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 渐变样式
+
+
+
+ label渐变样式1
+
+
+ label
+
+
+
+ label渐变样式2
+
+
+ label
+
+
+
+ label渐变样式3
+
+
+ label
+
+
+
+ label渐变样式4
+
+ label
+
+
+
+
+
+
+
+ 无障碍
+
+
+ label无障碍1
+
+
+
+
+
+
+
+
+ 原子布局
+
+
+ label原子布局1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ label原子布局2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ label原子布局3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 多模输入
+
+
+ label多模输入1
+
+
+
+
+
+
+
+
+
+ label通用样式
+
+
+
+ 通用样式 1-8 \n width height padding margin border opacity align-self
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式9-20 \n display flex z-index position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式21-23 box-shadow
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式23-25 visibility clip-path
+
+
+
+
+
+
+
+ 通用样式26-31 background
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式32 clip-path image-fill mask-image
+
+
+
+
+
+
+
+
+ label特有样式
+
+
+
+ 特有样式 \n color,font-size,letter-spacing,font-weight,line-height,font-family
+
+ label1
+
+ 特有样式 -- allow-scale
+
+ true
+ false
+
+ 特有样式 -- font-style
+
+ normal
+ italic
+
+ 特有样式 -- text-decoration，text-align
+
+ left,underline
+ center,line-through
+ right,none
+
+ 特有样式 \n max-lines,text-overflow
+
+ clip方式裁剪文字
+ ellipsis方式裁剪文字
+
+ 特有样式 \n min-font-size,max-font-size,font-size-step,prefer-font-sizes
+
+ font
+
+
通用属性 -- id
-
-
+
+ 选项1
+
+
通用属性 -- class
-
-
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+
通用属性 -- style
-
-
-
+
+ 选项1
+
+
通用属性 -- ref
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+
通用属性 -- disabled
-
-
-
-
-
-
+
+
+ 选项1
+
+ 选项2
+
+ 选项3
+
+
通用属性 -- focusable
-
-
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+ 选项3
+
+
通用属性 -- data-*
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+
通用属性 -- click-effect
-
-
-
-
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+ 选项3
+
+ 选项4
+
+
通用属性 -- dir
-
-
-
-
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+ 选项3
+
+ 选项4
+
+
渲染属性 -- for
-
-
-
-
-
-
-
+
+ 选项1
+
+ 选项1
+
+ 选项1
+
+
渲染属性 -- if
-
-
+
+ 选项1
+
+
渲染属性 -- show
-
-
-
-
-
-
+
+ 选项1
+
+ 选项2
+
+ 选项3
+
+
@@ -165,16 +186,20 @@
option特有属性 -- selected
- optionVal1
- optionVal2
+ optionVal1
+ optionVal2
option特有属性 -- value
- optionVal
+
+ optionVal
+
option特有属性 -- icon
- optionVal
+
+ optionVal
+
diff --git a/ace/ace_standard/src/main/js/default/pages/option/prop/index.js b/ace/ace_standard/src/main/js/default/pages/option/prop/index.js
index 7dad22496d618e86156cf54c975c3be1a59c9087..e0a2b3eeb3aa9dfb4d4c6919bef73e9c9d49b314 100644
--- a/ace/ace_standard/src/main/js/default/pages/option/prop/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/option/prop/index.js
@@ -54,7 +54,7 @@ export default {
optionIcon: false
},
- onCreate(){
+ onShow(){
this.getCommonPropValues();
this.getSpecificPropValues();
globalThis.value = {
diff --git a/ace/ace_standard/src/main/js/default/pages/option/style/index.css b/ace/ace_standard/src/main/js/default/pages/option/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..df42bfc52e3b0bf59af44844305a8395e4f7e17f
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/option/style/index.css
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.title{
+ width: 100%;
+ font-size: 18px;
+ margin: 2px;
+ padding: 2px;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sub-title{
+ width: 100%;
+ font-size: 14px;
+ text-align: left;
+ margin: 2px;
+ padding: 2px;
+}
+
+.style-container{
+ flex-direction: column;
+ width: 50%;
+}
+
+#styleOne{
+ color: red;
+ font-size: 14px;
+ allow-scale: true;
+ font-weight: normal;
+ text-decoration: none;
+ font-family: sans-serif;
+}
+
diff --git a/ace/ace_standard/src/main/js/default/pages/label/index.hml b/ace/ace_standard/src/main/js/default/pages/option/style/index.hml
similarity index 57%
rename from ace/ace_standard/src/main/js/default/pages/label/index.hml
rename to ace/ace_standard/src/main/js/default/pages/option/style/index.hml
index 3488acba20b96fa5e965c9852697b6598cce818c..579918c31900985f296801d288c1178742960931 100644
--- a/ace/ace_standard/src/main/js/default/pages/label/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/option/style/index.hml
@@ -14,16 +14,18 @@
*/-->
-
- input
-
-
- radio
-
-
-
checkbox
-
+
+
+ option支持如下样式
+
+
+
+ 支持样式
+
+
+ option
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/option/style/index.js b/ace/ace_standard/src/main/js/default/pages/option/style/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..8179ff70cbe9fa27c38c5386a6f497949bf60f3a
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/option/style/index.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export default {
+
+
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml
index e48dc6254dba59b2796b404f0b64c3d386f9387b..f7abd9fd601a168fd3941f015e6c5931bbf361a4 100644
--- a/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/picker/prop/index.hml
@@ -151,7 +151,7 @@
show="false">
picker
+ show="">
picker
+
+
+ picker通用样式
+
+
+
+ 通用样式 1-8 \n width height padding margin border opacity align-self
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式9-20 \n display flex z-index position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式21-23 box-shadow
+
+
+
+
+ 通用样式23-25 visibility clip-path
+
+
+
+
+
+
+
+ 通用样式26-31 background
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式32 clip-path image-fill mask-image
+
+
+
+
+
+
+
+
+ picker特有样式
+
+
+
+ 特有样式 \n text-color,font-size,letter-spacing,font-weight,line-height,font-family,column-height
+
+
picker1
+
+ 特有样式 -- allow-scale
+
+
+
+
+ 特有样式 -- font-style
+
+
+
+
+ 特有样式 -- text-decoration
+
+
+
+
+
+
+ show="">
diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js
index e5586f615e719cac8cc4550b05ae4c8d6686cca4..f640e22e414c9423a244e82d874f8c38011e7531 100644
--- a/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/pickerView/prop/index.js
@@ -58,7 +58,7 @@ export default {
pickerViewMultiText: null
},
- onCreate(){
+ onShow(){
this.getCommonPropValues();
this.getSpecificPropValues();
globalThis.value = {
diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..865c833f4eaabf0a4dff25e9a4197cb1014f7319
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.css
@@ -0,0 +1,394 @@
+/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.title{
+ width: 100%;
+ font-size: 18px;
+ margin: 2px;
+ padding: 2px;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sub-title{
+ width: 100%;
+ font-size: 14px;
+ text-align: left;
+ margin: 2px;
+ padding: 2px;
+}
+
+.style-container{
+ flex-direction: column;
+ width: 50%;
+}
+
+#styleOne{
+ width: 150px;
+ height: 20px;
+ padding-top: 1px;
+ padding-left: 2px;
+ padding-right: 3px;
+ padding-bottom: 0.5px;
+ margin-left: 1px;
+ margin-top: 2px;
+ margin-right: 1.5px;
+ margin-bottom: 0.5px;
+ border-left-style: solid;
+ border-right-style: dashed;
+ border-top-style: dotted;
+ border-bottom-style: solid;
+ border-left-width: 1px;
+ border-right-width: 1.5px;
+ border-top-width: 2px;
+ border-bottom-width: 0.5px;
+ border-left-color: #ff0000;
+ border-right-color: #00ff00;
+ border-top-color: #0000ff;
+ border-bottom-color: #fff000;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 15px;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 0px;
+ opacity: 0.5;
+ align-self:flex-end;
+}
+
+#styleTwo{
+ width: 150px;
+ height: 20px;
+ padding-start: 1px;
+ padding-end: 2px;
+ margin-start: 1px;
+ margin-end: 2px;
+ border-style: dotted;
+ border-width: 2px;
+ border-color:#0f00f0;
+ border-radius:5px;
+ opacity: 1.5;
+ align-self:flex-start;
+}
+
+#styleThree{
+ width: 50px;
+ height: 20px;
+ padding: 2px;
+ margin:1px;
+ border-left: 1px solid #ff0000;
+ border-right: 2px dashed #00ff00;
+ border-top: 1.5px dotted #0000ff;
+ border-bottom: 2.5px dotted #fff000;
+ opacity: 1;
+ align-self:baseline;
+}
+
+#styleFour{
+ width: 50px;
+ height: 20px;
+ align-self:center;
+ border: 2px solid #00ff00;
+}
+
+#styleFive{
+ width: 150px;
+ height: 40px;
+ border: 5px;
+ border-image-source: url('/common/images/image.png');
+ border-image-slice: 5px 10px 10px 5px;
+ border-image-width: 10px 5px 5px 10px;
+ border-image-outset: 10px 5px 10px 5px;
+ border-image-repeat: repeat;
+}
+
+#styleSix{
+ width: 100%;
+ height: 2%;
+ background-color: #ff0000;
+ padding-top: 1%;
+ padding-left: 2%;
+ padding-right: 3%;
+ padding-bottom: 0.5%;
+ margin-left: 1%;
+ margin-top: 2%;
+ margin-right: 1.5%;
+ margin-bottom: 0.5%;
+}
+
+#styleSeven{
+ width: 70%;
+ height: 1%;
+ padding-start: 1%;
+ padding-end: 2%;
+ margin-start: 1%;
+ margin-end: 2%;
+ background-color: #00ff00;
+}
+
+#styleEight{
+ width: 60%;
+ height: 1%;
+ margin: 1%;
+ padding: 2%;
+ background-color: #0000ff;
+}
+
+#styleNine{
+ width: 100%;
+ height: 40px;
+ display:flex;
+}
+
+#styleFive{
+ width: 100%;
+ height: 40px;
+ border: 5px;
+ border-image-source: url('/common/images/image.png');
+ border-image-slice: 5px 10px 10px 5px;
+ border-image-width: 10px 5px 5px 10px;
+ border-image-outset: 10px 5px 10px 5px;
+ border-image-repeat: repeat;
+}
+
+#styleTen{
+ width: 100%;
+ height: 400%;
+ display: none;
+ background-color: #ff0000;
+}
+
+#styleEleven{
+ height: 40%;
+ background-color: #00ff00;
+ flex:1 1 20px;
+ z-index:10;
+}
+
+#styleTwelve{
+ height: 50%;
+ background-color: #ff00ff;
+ flex-grow:2;
+ flex-shrink: 3;
+ flex-basis: 30px;
+ z-index:13;
+}
+
+#styleThirteen{
+ position: absolute;
+ left: 10px;
+ top: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #00ff00;
+ z-index:12;
+}
+
+#styleFourteen{
+ position: absolute;
+ right: 10px;
+ bottom: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #0000ff;
+ z-index:3;
+}
+
+#styleFifteen{
+ position: absolute;
+ left: 10%;
+ top: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #fff000;
+ z-index:5;
+}
+
+#styleSixteen{
+ position: absolute;
+ right: 10%;
+ bottom: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:15;
+}
+
+#styleSeventeen{
+ position: absolute;
+ start: 50px;
+ width: 10px;
+ height: 10px;
+ background-color: #ffff00;
+ z-index:7;
+}
+
+#styleEighteen{
+ position: absolute;
+ end: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:4;
+}
+
+#styleNineteen{
+ position: absolute;
+ start: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #ffff00;
+ z-index:1;
+}
+
+#styleTwenty{
+ position: absolute;
+ end: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:17;
+}
+
+#styleTwentyOne{
+ height: 20px;
+ box-shadow: 2px 4px;
+ flex-weight: 1;
+ margin:5px;
+}
+
+#styleTwentyTwo{
+ flex-weight: 1;
+ height: 20px;
+ box-shadow: 2px 4px 6px 8px;
+ margin:5px;
+}
+
+#styleTwentyThree{
+ flex-weight: 1;
+ height: 20px;
+ box-shadow: 1px 2px 3px 4px #ff0000;
+ margin:5px;
+}
+
+#styleTwentyFour{
+ width: 150px;
+ height: 20px;
+ background-color: #00ffff;
+ clip-path:inset(2 23);
+ visibility: visible;
+}
+
+#styleTwentyFive{
+ width: 150px;
+ height: 20px;
+ background-color: #00ffff;
+ visibility: hidden;
+}
+
+#styleTwentySix{
+ width: 150px;
+ height: 20px;
+ background-color: #999999;
+}
+
+#styleTwentySeven{
+ width: 150px;
+ height: 20px;
+ background: linear-gradient(pink,#fff000);
+}
+
+#styleTwentyNine{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:contain;
+ background-repeat: repeat-x;
+ background-position: center;
+}
+
+#styleThirty{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:50px 10px;
+ background-repeat: no-repeat;
+ background-position: 10px 10px;
+}
+
+#styleThirtyOne{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:10% 20%;
+ background-repeat: repeat;
+ background-position: 30% 40%;
+}
+
+#styleThirtyTwo{
+ width: 150px;
+ height: 20px;
+ background: linear-gradient(pink,#fff000);
+ clip-path: margin-box;
+ image-fill: #000fff;
+ mask-image: url('common/images/icon.png');
+ mask-size: cover;
+ mask-position: center;
+}
+
+.specific-container{
+ flex-direction: column;
+ flex-weight: 1;
+}
+label {
+ font-size: 12px;
+}
+#specificOne{
+ color: deeppink;
+ font-size: 14px;
+ height: 200px;
+ selected-color: greenyellow;
+ selected-font-size: 16px;
+ disappear-color: pink;
+ disappear-font-size: 14px;
+ font-family: HYQiHei-65S;
+}
+
+.flex-item{
+ width: 40%;
+ height: 10px;
+}
+
+.red-item{
+ background-color: #ff0000;
+}
+
+.green-item{
+ background-color: #00ff00;
+}
+
+.blue-item{
+ background-color: #0000ff;
+}
+
+.yellow-item{
+ background-color: #fff000;
+}
+
diff --git a/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..d367f4248314272b8b82f155f83ff7e649c9d5c4
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/pickerView/style/index.hml
@@ -0,0 +1,148 @@
+
+
+
+
+
+ picker-view通用样式
+
+
+
+ 通用样式 1-8 \n width height padding margin border opacity align-self
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式9-20 \n display flex z-index position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式21-23 box-shadow
+
+
+
+
+ 通用样式23-25 visibility clip-path
+
+
+
+
+
+
+
+ 通用样式26-31 background
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式32 clip-path image-fill mask-image
+
+
+
+
+
+
+
+
+ picker-view特有样式
+
+
+
+ 特有样式 \n color,font-size,selected-color,selected-font-size,disappear-color,disappear-font-size,font-family
+
+
+
+
+
+ show="">
diff --git a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js
index 4c94b2e9512d72cce28c4d6b507c64fd93b521ad..38daefb5cfe82748ddb8a6352509f38626521f91 100644
--- a/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/progress/prop/index.js
@@ -58,7 +58,7 @@ export default {
typeEclipse: null
},
- onCreate(){
+ onShow(){
this.getCommonPropValues();
this.getSpecificPropValues();
globalThis.value = {
diff --git a/ace/ace_standard/src/main/js/default/pages/progress/style/index.css b/ace/ace_standard/src/main/js/default/pages/progress/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..cf2d362f9ab309048009a8408c2dee1fce25774c
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/progress/style/index.css
@@ -0,0 +1,448 @@
+/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.title{
+ width: 100%;
+ font-size: 18px;
+ margin: 2px;
+ padding: 2px;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sub-title{
+ width: 100%;
+ font-size: 14px;
+ text-align: left;
+ margin: 2px;
+ padding: 2px;
+}
+
+.style-container{
+ flex-direction: column;
+ width: 50%;
+}
+
+#styleOne{
+ width: 150px;
+ height: 20px;
+ padding-top: 1px;
+ padding-left: 2px;
+ padding-right: 3px;
+ padding-bottom: 0.5px;
+ margin-left: 1px;
+ margin-top: 2px;
+ margin-right: 1.5px;
+ margin-bottom: 0.5px;
+ border-left-style: solid;
+ border-right-style: dashed;
+ border-top-style: dotted;
+ border-bottom-style: solid;
+ border-left-width: 1px;
+ border-right-width: 1.5px;
+ border-top-width: 2px;
+ border-bottom-width: 0.5px;
+ border-left-color: #ff0000;
+ border-right-color: #00ff00;
+ border-top-color: #0000ff;
+ border-bottom-color: #fff000;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 15px;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 0px;
+ opacity: 0.5;
+ align-self:flex-end;
+}
+
+#styleTwo{
+ width: 150px;
+ height: 20px;
+ padding-start: 1px;
+ padding-end: 2px;
+ margin-start: 1px;
+ margin-end: 2px;
+ border-style: dotted;
+ border-width: 2px;
+ border-color:#0f00f0;
+ border-radius:5px;
+ opacity: 1.5;
+ align-self:flex-start;
+}
+
+#styleThree{
+ width: 50px;
+ height: 20px;
+ padding: 2px;
+ margin:1px;
+ border-left: 1px solid #ff0000;
+ border-right: 2px dashed #00ff00;
+ border-top: 1.5px dotted #0000ff;
+ border-bottom: 2.5px dotted #fff000;
+ opacity: 1;
+ align-self:baseline;
+}
+
+#styleFour{
+ width: 50px;
+ height: 20px;
+ align-self:center;
+ border: 2px solid #00ff00;
+}
+
+#styleFive{
+ width: 150px;
+ height: 40px;
+ border: 5px;
+ border-image-source: url('/common/images/image.png');
+ border-image-slice: 5px 10px 10px 5px;
+ border-image-width: 10px 5px 5px 10px;
+ border-image-outset: 10px 5px 10px 5px;
+ border-image-repeat: repeat;
+}
+
+#styleSix{
+ width: 100%;
+ height: 2%;
+ background-color: #ff0000;
+ padding-top: 1%;
+ padding-left: 2%;
+ padding-right: 3%;
+ padding-bottom: 0.5%;
+ margin-left: 1%;
+ margin-top: 2%;
+ margin-right: 1.5%;
+ margin-bottom: 0.5%;
+}
+
+#styleSeven{
+ width: 70%;
+ height: 1%;
+ padding-start: 1%;
+ padding-end: 2%;
+ margin-start: 1%;
+ margin-end: 2%;
+ background-color: #00ff00;
+}
+
+#styleEight{
+ width: 60%;
+ height: 1%;
+ margin: 1%;
+ padding: 2%;
+ background-color: #0000ff;
+}
+
+#styleNine{
+ width: 100%;
+ height: 40px;
+ display:flex;
+}
+
+#styleFive{
+ width: 100%;
+ height: 40px;
+ border: 5px;
+ border-image-source: url('/common/images/image.png');
+ border-image-slice: 5px 10px 10px 5px;
+ border-image-width: 10px 5px 5px 10px;
+ border-image-outset: 10px 5px 10px 5px;
+ border-image-repeat: repeat;
+}
+
+#styleTen{
+ width: 100%;
+ height: 400%;
+ display: none;
+ background-color: #ff0000;
+}
+
+#styleEleven{
+ height: 40%;
+ background-color: #00ff00;
+ flex:1 1 20px;
+ z-index:10;
+}
+
+#styleTwelve{
+ height: 50%;
+ background-color: #ff00ff;
+ flex-grow:2;
+ flex-shrink: 3;
+ flex-basis: 30px;
+ z-index:13;
+}
+
+#styleThirteen{
+ position: absolute;
+ left: 10px;
+ top: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #00ff00;
+ z-index:12;
+}
+
+#styleFourteen{
+ position: absolute;
+ right: 10px;
+ bottom: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #0000ff;
+ z-index:3;
+}
+
+#styleFifteen{
+ position: absolute;
+ left: 10%;
+ top: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #fff000;
+ z-index:5;
+}
+
+#styleSixteen{
+ position: absolute;
+ right: 10%;
+ bottom: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:15;
+}
+
+#styleSeventeen{
+ position: absolute;
+ start: 50px;
+ width: 10px;
+ height: 10px;
+ background-color: #ffff00;
+ z-index:7;
+}
+
+#styleEighteen{
+ position: absolute;
+ end: 20px;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:4;
+}
+
+#styleNineteen{
+ position: absolute;
+ start: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #ffff00;
+ z-index:1;
+}
+
+#styleTwenty{
+ position: absolute;
+ end: 20%;
+ width: 10px;
+ height: 10px;
+ background-color: #00ffff;
+ z-index:17;
+}
+
+#styleTwentyOne{
+ height: 20px;
+ box-shadow: 2px 4px;
+ flex-weight: 1;
+ margin:5px;
+}
+
+#styleTwentyTwo{
+ flex-weight: 1;
+ height: 20px;
+ box-shadow: 2px 4px 6px 8px;
+ margin:5px;
+}
+
+#styleTwentyThree{
+ flex-weight: 1;
+ height: 20px;
+ box-shadow: 1px 2px 3px 4px #ff0000;
+ margin:5px;
+}
+
+#styleTwentyFour{
+ width: 150px;
+ height: 20px;
+ background-color: #00ffff;
+ clip-path:inset(2 23);
+ visibility: visible;
+}
+
+#styleTwentyFive{
+ width: 150px;
+ height: 20px;
+ background-color: #00ffff;
+ visibility: hidden;
+}
+
+#styleTwentySix{
+ width: 150px;
+ height: 20px;
+ background-color: #999999;
+}
+
+#styleTwentySeven{
+ width: 150px;
+ height: 20px;
+ background: linear-gradient(pink,#fff000);
+}
+
+#styleTwentyNine{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:contain;
+ background-repeat: repeat-x;
+ background-position: center;
+}
+
+#styleThirty{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:50px 10px;
+ background-repeat: no-repeat;
+ background-position: 10px 10px;
+}
+
+#styleThirtyOne{
+ width: 150px;
+ height: 20px;
+ background-image:url('common/images/image.png');
+ background-size:10% 20%;
+ background-repeat: repeat;
+ background-position: 30% 40%;
+}
+
+#styleThirtyTwo{
+ width: 150px;
+ height: 20px;
+ background: linear-gradient(pink,#fff000);
+ clip-path: margin-box;
+ image-fill: #000fff;
+ mask-image: url('common/images/icon.png');
+ mask-size: cover;
+ mask-position: center;
+}
+
+.specific-container{
+ flex-direction: column;
+ flex-weight: 1;
+}
+label {
+ font-size: 12px;
+}
+#specificOne{
+ color: pink;
+ font-size: 16px;
+ letter-spacing: 2px;
+ font-weight: 700;
+ line-height: 20px;
+ font-family: HYQiHei-65S;
+}
+
+#specificTwo{
+ font-size: 12px;
+ allow-scale: true;
+}
+
+#specificThree{
+ font-size: 12px;
+ allow-scale: false;
+ margin-bottom: 10px;
+}
+
+#specificFour{
+ font-style: normal;
+}
+
+#specificFive{
+ font-style: italic;
+ margin-bottom: 10px;
+}
+
+#specificSix{
+ text-decoration: underline;
+ text-align: left;
+}
+
+#specificSeven{
+ text-decoration: line-through;
+ text-align: center;
+}
+
+#specificEight{
+ text-decoration: none;
+ margin-bottom: 10px;
+ text-align: right;
+}
+
+#specificNine{
+ width: 40%;
+ max-lines: 1;
+ text-overflow: clip;
+}
+
+#specificTen{
+ width: 40%;
+ max-lines: 1;
+ text-overflow: ellipsis;
+ margin-bottom: 10px;
+}
+
+#specificEleven{
+ min-font-size: 12px;
+ max-font-size: 18px;
+ font-size: 2px;
+ prefer-font-sizes: 12px,14px,16px,18px;
+}
+
+.flex-item{
+ width: 40%;
+ height: 10px;
+}
+
+.red-item{
+ background-color: #ff0000;
+}
+
+.green-item{
+ background-color: #00ff00;
+}
+
+.blue-item{
+ background-color: #0000ff;
+}
+
+.yellow-item{
+ background-color: #fff000;
+}
+
diff --git a/ace/ace_standard/src/main/js/default/pages/progress/style/index.hml b/ace/ace_standard/src/main/js/default/pages/progress/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..871858bb794ae274308acfa9a99821f10a63a332
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/progress/style/index.hml
@@ -0,0 +1,148 @@
+
+
+
+
+
+ label通用样式
+
+
+
+ 通用样式 1-8 \n width height padding margin border opacity align-self
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式9-20 \n display flex z-index position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式21-23 box-shadow
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式23-25 visibility clip-path
+
+
+
+
+
+
+
+ 通用样式26-31 background
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式32 clip-path image-fill mask-image
+
+
+
+
+
+
+
+
+ label特有样式
+
+
+
+ 特有样式 \n color,font-size,letter-spacing,font-weight,line-height,font-family
+
+ label1
+
+ 特有样式 -- allow-scale
+
+ true
+ false
+
+ 特有样式 -- font-style
+
+ normal
+ italic
+
+ 特有样式 -- text-decoration，text-align
+
+ left,underline
+ center,line-through
+ right,none
+
+ 特有样式 \n max-lines,text-overflow
+
+ clip方式裁剪文字
+ ellipsis方式裁剪文字
+
+ 特有样式 \n min-font-size,max-font-size,font-size-step,prefer-font-sizes
+
+ font
+
+