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