diff --git a/ace/ace_standard/src/main/js/default/pages/path/index.css b/ace/ace_standard/src/main/js/default/pages/path/index.css
deleted file mode 100644
index be4d509ad814395e2cb838d477b1cf9329f9d391..0000000000000000000000000000000000000000
--- a/ace/ace_standard/src/main/js/default/pages/path/index.css
+++ /dev/null
@@ -1,184 +0,0 @@
-/**
- * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* xxx.css */
-.container {
- flex-direction:row;
- width:100%;
- height:100%;
- padding: 1px;
-}
-
-.sub-container{
- flex-direction: column;
- height: 100%;
- flex-weight: 1;
-}
-
-.prop-container{
- flex-direction: column;
- height: 100%;
- flex-weight: 1;
-}
-
-.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;
-}
-
-.access-container{
- flex-direction: column;
- height: 100%;
- flex-weight: 1;
-}
-
-#prop1 {
- color: #ad4e2a;
- stroke-width: 10px;
- margin: 5px;
-}
-
-.prop2 {
- color: #343524;
- stroke-width: 15px;
- margin: 5px;
-}
-
-.prop4 {
- color: #456345;
- stroke-width: 25px;
- margin: 5px;
-}
-
-.prop5 {
- color: #831834;
- stroke-width: 40px;
- margin: 5px;
- height: 70px;
-}
-
-.ani-container{
- flex-direction: column;
- height: 100%;
- flex-weight: 1;
-}
-
-.ani1{
- background-color: #72ac33;
- width: 55px;
- height: 55px;
- margin: 5px;
- transform-origin: 0% 0%;
- animation: ani1Go 3s infinite;
-}
-
-@keyframes ani1Go
-{
- from {
- background-color: #f76160;
- opacity:0.3;
- width:50px;
- height: 50px;
- transform:translate(20px) rotate(10deg) scale(0.2);
- background-position:10% 10%
- }
- 30% {
- background-color: #60f761;
- opacity:0.5;
- width:70px;
- height: 70px;
- background-position:12% 12%;
- transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
- }
- to {
- background-color: #6160f7;
- opacity:1;
- width:90px;
- height: 90px;
- background-position:22% 22%;
- transform:rotate(180deg) scale(2)
- }
-}
-
-.ani2{
- background-color: #ad4e2a;
- width: 55px;
- height: 55px;
- margin: 5px;
-}
-
-.gradient-container{
- flex-direction: column;
-}
-
-.gradient1{
- stroke-width: 30px;
- margin: 5px;
- background: linear-gradient(red, #00ff00);
-}
-
-.gradient2{
- stroke-width: 30px;
- margin: 5px;
- background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0));
-}
-
-.gradient3{
- stroke-width: 30px;
- margin: 5px;
- background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%);
-}
-
-.gradient4{
- stroke-width: 30px;
- margin: 5px;
- background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
-}
-
-.access-container{
- flex-direction: column;
-}
-
-.access1{
- color: #321124;
- stroke-width: 30px;
- margin: 5px;
-}
-
-.atom-container{
- flex-direction: column;
-}
-
-.multimode-container{
- flex-direction: column;
-}
-
-.multimode1{
- color: #978666;
- stroke-width: 30px;
- margin: 5px;
-}
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/path/index.hml b/ace/ace_standard/src/main/js/default/pages/path/index.hml
deleted file mode 100644
index d407389d0c8de322f45e964edf891d29b7d84ab7..0000000000000000000000000000000000000000
--- a/ace/ace_standard/src/main/js/default/pages/path/index.hml
+++ /dev/null
@@ -1,161 +0,0 @@
-
-
-
- 通用属性
-
-
- path通用属性1
-
-
-
-
-
-
- path通用属性2
-
-
-
-
-
-
- path通用属性3
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- path动画属性
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 无障碍
-
-
- path无障碍1
-
-
-
-
-
-
-
-
-
-
-
- 多模输入
-
-
- path多模输入1
-
-
-
-
-
-
-
-
-
-
-
- 动画样式
-
-
- path动画样式1
-
-
-
-
-
-
- path动画样式2
-
-
-
-
-
-
-
-
-
-
-
-
- 渐变样式
-
-
- path渐变样式1
-
-
-
-
-
-
- path渐变样式2
-
-
-
-
-
-
- path渐变样式3
-
-
-
-
-
-
- path渐变样式4
-
-
-
-
-
-
-
-
-
-
diff --git a/ace/ace_standard/src/main/js/default/pages/path/prop/index.css b/ace/ace_standard/src/main/js/default/pages/path/prop/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..94545257262fb2750a3dce2d03edd031d8fcbbcf
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/path/prop/index.css
@@ -0,0 +1,29 @@
+.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;
+}
+
+.prop-container{
+ flex-direction: column;
+ height: 100%;
+ flex-weight: 1;
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/path/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/path/prop/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..8880e77a2c7581f1a572badf3bbef9afd95b3d37
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/path/prop/index.hml
@@ -0,0 +1,217 @@
+
+
+
+ path通用属性
+
+
+
+ 通用属性 -- fill
+
+
+
+
+
+
+
+ 通用属性 -- fill-opacity
+
+
+
+
+ 通用属性 -- fill-rule
+
+
+
+
+ 通用属性 -- opacity
+
+
+
+
+ 通用属性 -- stroke
+
+
+
+
+
+
+ 通用属性 -- stroke-dasharray
+
+
+
+
+
+
+ 通用属性 -- stroke-dashoffset
+
+
+
+
+
+
+ 通用属性 -- stroke-linejoin
+
+
+
+
+ 通用属性 -- stroke-linecap
+
+
+
+
+ 通用属性 -- stroke-miterlimit
+
+
+
+
+
+
+ 通用属性 -- stroke-opacity
+
+
+
+
+ 通用属性 -- stroke-width
+
+
+
+
+
+
+ 通用属性 -- transform
+
+
+
+
+
+
+
+
+
+
+
+ path特有属性
+
+
+
+ 特有属性-id
+
+
+
+
+
+
+ 特有属性-d
+
+
+
+
+
+
+ 特有属性-if
+
+
+
+
+
+
+ 特有属性-show
+
+
+
+
+
+
+
+
+ 特有属性-elif
+
+
+
+
+
+
+
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/path/prop/index.js b/ace/ace_standard/src/main/js/default/pages/path/prop/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..ec484d6131bbc1ee3a68ef0313bc203be77ef7a4
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/path/prop/index.js
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export default {
+ data: {
+ fillProp : null,
+ fillOpacityPropTwo : null,
+ fillOpacityPropOne : null,
+ fillOpacityPropThree : null,
+ fillRulePropTwo : null,
+ fillRulePropOne : null,
+ opacityPropOne : null,
+ opacityPropTwo : null,
+ opacityPropThree : null,
+ strokeProp : null,
+ strokeDashArrayProp : null,
+ strokeDashOffsetProp : null,
+ strokeLineJoinPropTwo : null,
+ strokeLineJoinPropOne : null,
+ strokeLineJoinPropThree : null,
+ strokeLineCapPropOne : null,
+ strokeLineCapPropTwo : null,
+ strokeLineCapPropThree : null,
+ strokeMiterLimitProp : null,
+ strokeOpacityPropOne : null,
+ strokeOpacityPropTwo : null,
+ strokeOpacityPropThree : null,
+ strokeWidthProp : null,
+ transformProp : null,
+ idProp : null,
+ dProp : null,
+ ifPropTrue : null,
+ showPropTrue : null,
+ showPropFalse : null,
+ showPropNone : null
+ },
+
+ onShow(){
+ this.getCommonPropValues();
+ globalThis.value = {
+ fillProp : this.fillProp,
+ fillOpacityPropTwo : this.fillOpacityPropTwo,
+ fillOpacityPropOne : this.fillOpacityPropOne,
+ fillOpacityPropThree : this.fillOpacityPropThree,
+ fillRulePropTwo : this.fillRulePropTwo,
+ fillRulePropOne : this.fillRulePropOne,
+ opacityPropOne : this.opacityPropOne,
+ opacityPropTwo : this.opacityPropTwo,
+ opacityPropThree : this.opacityPropThree,
+ strokeProp : this.strokeProp,
+ strokeDashArrayProp : this.strokeDashArrayProp,
+ strokeDashOffsetProp : this.strokeDashOffsetProp,
+ strokeLineJoinPropTwo : this.strokeLineJoinPropTwo,
+ strokeLineJoinPropOne : this.strokeLineJoinPropOne,
+ strokeLineJoinPropThree : this.strokeLineJoinPropThree,
+ strokeLineCapPropOne : this.strokeLineCapPropOne,
+ strokeLineCapPropTwo : this.strokeLineCapPropTwo,
+ strokeLineCapPropThree : this.strokeLineCapPropThree,
+ strokeMiterLimitProp : this.strokeMiterLimitProp,
+ strokeOpacityPropOne : this.strokeOpacityPropOne,
+ strokeOpacityPropTwo : this.strokeOpacityPropTwo,
+ strokeOpacityPropThree : this.strokeOpacityPropThree,
+ strokeWidthProp : this.strokeWidthProp,
+ transformProp : this.transformProp,
+ idProp : this.idProp,
+ dProp : this.dProp,
+ ifPropTrue: this.ifPropTrue,
+ showPropTrue: this.showPropTrue,
+ showPropFalse: this.showPropFalse,
+ showPropNone: this.showPropNone
+ }
+ },
+
+ getCommonPropValues(){
+ this.fillProp = this.$element("fillProp").getInspector()
+ this.fillOpacityPropTwo = this.$element("fillOpacityPropTwo").getInspector()
+ this.fillOpacityPropOne = this.$element("fillOpacityPropOne").getInspector()
+ this.fillOpacityPropThree = this.$element("fillOpacityPropThree").getInspector()
+ this.fillRulePropTwo = this.$element("fillRulePropTwo").getInspector()
+ this.fillRulePropOne = this.$element("fillRulePropOne").getInspector()
+ this.opacityPropOne = this.$element("opacityPropOne").getInspector()
+ this.opacityPropTwo = this.$element("opacityPropTwo").getInspector()
+ this.opacityPropThree = this.$element("opacityPropThree").getInspector()
+ this.strokeProp = this.$element("strokeProp").getInspector()
+ this.strokeDashArrayProp = this.$element("strokeDashArrayProp").getInspector()
+ this.strokeDashOffsetProp = this.$element("strokeDashOffsetProp").getInspector()
+ this.strokeLineJoinPropTwo = this.$element("strokeLineJoinPropTwo").getInspector()
+ this.strokeLineJoinPropOne = this.$element("strokeLineJoinPropOne").getInspector()
+ this.strokeLineJoinPropThree = this.$element("strokeLineJoinPropThree").getInspector()
+ this.strokeLineCapPropOne = this.$element("strokeLineCapPropOne").getInspector()
+ this.strokeLineCapPropTwo = this.$element("strokeLineCapPropTwo").getInspector()
+ this.strokeLineCapPropThree = this.$element("strokeLineCapPropThree").getInspector()
+ this.strokeMiterLimitProp = this.$element("strokeMiterLimitProp").getInspector()
+ this.strokeOpacityPropOne = this.$element("strokeOpacityPropOne").getInspector()
+ this.strokeOpacityPropTwo = this.$element("strokeOpacityPropTwo").getInspector()
+ this.strokeOpacityPropThree = this.$element("strokeOpacityPropThree").getInspector()
+ this.strokeWidthProp = this.$element("strokeWidthProp").getInspector()
+ this.transformProp = this.$element("transformProp").getInspector()
+ this.idProp = this.$element("idProp").getInspector()
+ this.dProp = this.$element("dProp").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()
+ },
+}
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/path/router/index.css b/ace/ace_standard/src/main/js/default/pages/path/router/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..5696b9bc33ecdb0e9c1524f319d8427713a5285f
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/path/router/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.
+ */
+
+/* xxx.css */
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.sub-container{
+ flex-direction: column;
+ height: 100%;
+ flex-weight: 1;
+}
+
+.prop-container{
+ flex-direction: column;
+ height: 100%;
+ flex-weight: 1;
+ align-items: center;
+}
+
+.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;
+ text-align: center;
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/path/router/index.hml b/ace/ace_standard/src/main/js/default/pages/path/router/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..deadfcb2f517de2f575b92bbba8906e4d81af4a5
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/path/router/index.hml
@@ -0,0 +1,69 @@
+
+
+
+ 通用属性
+
+
+ path通用属性1
+
+
+
+
+
+
+ path通用属性2
+
+
+
+
+
+
+ path通用属性3
+
+
+
+
+
+
+ path通用属性8
+
+
+
+
+
+
+ path通用属性9
+
+
+
+
+
+
+ path通用属性10
+
+
+
+
+
+
+
+ 通用动画
+
+
+ path动画属性
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/path/index.js b/ace/ace_standard/src/main/js/default/pages/path/router/index.js
similarity index 77%
rename from ace/ace_standard/src/main/js/default/pages/path/index.js
rename to ace/ace_standard/src/main/js/default/pages/path/router/index.js
index d2db94ec51fc888feecf2835afdfa2b417ef24a4..ea32d144bada3557b420657a0d045ef7281fb9b9 100644
--- a/ace/ace_standard/src/main/js/default/pages/path/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/path/router/index.js
@@ -12,16 +12,8 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-
export default {
data: {
title: ""
},
- onShow(){
- // 通用属性
- var prop1 = this.$element("prop1");
- var name1 = prop1.dataSet.a
- var prop2 = this.$refs.prop2;
- var name2 = prop2.dataSet.a
- }
}
\ No newline at end of file