diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.css b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..f9b2efc2d8c8964ecc29dd5a2580370697507124
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.css
@@ -0,0 +1,533 @@
+/**
+ * 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%;
+}
+
+.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;
+}
+
+#typeXsNull{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+}
+#typeXs1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeXsObject{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeSmNull{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeSm1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeSmObject{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeMdNull{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeMd1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeMdObject{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeLgNull{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeLg1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeLgObject{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeSpan1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeSpan3{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeOffset1{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+#typeOffset3{
+ flex-weight: 1;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+ margin-bottom: 4px;
+
+}
+.propNewAdd{
+ height: 15px;
+ margin-bottom: 3px;
+ background-color:#c00000;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-start: 10px;
+ padding-end: 10px;
+}
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..f4c24454b4aab2ee5f898bcd83c79c57848852c5
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.hml
@@ -0,0 +1,263 @@
+
+
+
+
+
+ div通用属性
+
+
+
+ 通用属性 -- id
+
+
+
+
+
+ 通用属性 -- class
+
+
+
+
+
+
+
+
+ 通用属性 -- style
+
+
+
+
+
+ 通用属性 -- ref
+
+
+
+
+
+
+
+ 通用属性 -- disabled
+
+
+
+
+
+
+
+
+
+ 通用属性 -- focusable
+
+
+
+
+
+
+
+
+
+ 通用属性 -- data-*
+
+
+
+
+
+
+
+ 通用属性 -- click-effect
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性 -- dir
+
+
+
+
+
+
+
+
+
+
+
+ 渲染属性 -- for
+
+
+
+
+
+
+
+
+
+ 渲染属性 -- if
+
+
+
+
+
+ 渲染属性 -- show
+
+
+
+
+
+
+
+
+
+
+
+
+
+ div特有属性
+
+
+ grid-col特有属性 xs
+
+
+
+
+
+
+
+
+ grid-col特有属性 sm
+
+
+
+
+
+
+
+
+ grid-col特有属性 md
+
+
+
+
+
+
+
+
+ grid-col特有属性 lg
+
+
+
+
+
+
+
+
+ 特有属性 span
+
+
+
+
+
+
+ 特有属性 offset
+
+
+
+
+
+
+ 特有属性 -- grid-col
+
+
+
+
+
+
+
+ 特有属性 -- tid
+
+
+
+
+
+
+
+ 特有属性 -- elif
+
+
+
+
+
+
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.js b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..62f8e557674056eae608d0768f96293b8a3da9ee
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/gridCol/prop/index.js
@@ -0,0 +1,173 @@
+/**
+ * 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:{
+ Object:{"span": 1, "offset": 0},
+ listOne:[{}],
+ listThree:[{},{},{}],
+ idProp : null,
+ classProp : null,
+ classPropNone : null,
+ styleProp : null,
+ refProp : null,
+ refPropNone : null,
+ disabledPropTrue : null,
+ disabledPropFalse : null,
+ disabledPropNone : null,
+ focusablePropTrue : null,
+ focusablePropFalse : null,
+ focusablePropNone : null,
+ dataProp : null,
+ dataPropNone : null,
+ clickEffectPropSmall : null,
+ clickEffectPropMedium : null,
+ clickEffectPropLarge : null,
+ clickEffectPropNone : null,
+ dirPropRtl : null,
+ dirPropAuto : null,
+ dirPropLtr : null,
+ dirPropNone : null,
+ forPropNull : null,
+ forPropOne : null,
+ forPropThree : null,
+ ifPropTrue : null,
+ showPropTrue : null,
+ showPropFalse : null,
+ showPropNone : null,
+
+
+ typeXsNull : null,
+ typeXs1 : null,
+ typeXsObject : null,
+ typeSmNll : null,
+ typeSm1 : null,
+ typeSmObject : null,
+ typeMdNull : null,
+ typeMd1 : null,
+ typeMdObject : null,
+ typeLgNull : null,
+ typeLg1 : null,
+ typeLgObject : null,
+ typeSpan1 : null,
+ typeSpan3 : null,
+ typeOffset1 : null,
+ typeOffset3 : null,
+ },
+
+ onShow(){
+ this.getCommonPropValues();
+ globalThis.value = {
+ idProp : this.idProp,
+ classProp : this.classProp,
+ classPropNone : this.classPropNone,
+ styleProp : this.styleProp,
+ refProp : this.refProp,
+ refPropNone : this.refPropNone,
+ disabledPropTrue : this.disabledPropTrue,
+ disabledPropFalse : this.disabledPropFalse,
+ disabledPropNone : this.disabledPropNone,
+ focusablePropTrue : this.focusablePropTrue,
+ focusablePropFalse : this.focusablePropFalse,
+ focusablePropNone : this.focusablePropNone,
+ dataProp : this.dataProp,
+ dataPropNone : this.dataPropNone,
+ clickEffectPropSmall : this.clickEffectPropSmall,
+ clickEffectPropMedium : this.clickEffectPropMedium,
+ clickEffectPropLarge : this.clickEffectPropLarge,
+ clickEffectPropNone : this.clickEffectPropNone,
+ dirPropRtl : this.dirPropRtl,
+ dirPropAuto : this.dirPropAuto,
+ dirPropLtr : this.dirPropLtr,
+ dirPropNone : this.dirPropNone,
+ forPropNull : this.forPropNull,
+ forPropOne : this.forPropOne,
+ forPropThree : this.forPropThree,
+ ifPropTrue : this.ifPropTrue,
+ showPropTrue : this.showPropTrue,
+ showPropFalse : this.showPropFalse,
+ showPropNone : this.showPropNone,
+
+ typeXsNull : this.typeXsNull,
+ typeXs1 : this.typeXs1,
+ typeXsObject : this.typeXsObject,
+ typeSmNll : this.typeSmNll,
+ typeSm1 : this.typeSm1,
+ typeSmObject : this.typeSmObject,
+ typeMdNull : this.typeMdNull,
+ typeMd1 : this.typeMd1,
+ typeMdObject : this.typeMdObject,
+ typeLgNull : this.typeLgNull,
+ typeLg1 : this.typeLg1,
+ typeLgObject : this.typeLgObject,
+ typeSpan1 : this.typeSpan1,
+ typeSpan3 : this.typeSpan3,
+ typeOffset1 : this.typeOffset1,
+ typeOffset3 : this.typeOffset3,
+ }
+ },
+
+ getCommonPropValues(){
+ this.idProp = this.$element("idProp").getInspector()
+ this.classProp = this.$element("classProp").getInspector()
+ this.classPropNone = this.$element("classPropNone").getInspector()
+ this.styleProp = this.$element("styleProp").getInspector()
+ this.refProp = this.$element("refProp").getInspector()
+ this.refPropNone = this.$element("refPropNone").getInspector()
+ this.disabledPropTrue = this.$element("disabledPropTrue").getInspector()
+ this.disabledPropFalse = this.$element("disabledPropFalse").getInspector()
+ this.disabledPropNone = this.$element("disabledPropNone").getInspector()
+ this.focusablePropTrue = this.$element("focusablePropTrue").getInspector()
+ this.focusablePropFalse = this.$element("focusablePropFalse").getInspector()
+ this.focusablePropNone = this.$element("focusablePropNone").getInspector()
+ this.dataProp = this.$element("dataProp").getInspector()
+ this.dataPropNone = this.$element("dataPropNone").getInspector()
+ this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector()
+ this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector()
+ this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector()
+ this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector()
+ this.dirPropRtl = this.$element("dirPropRtl").getInspector()
+ this.dirPropAuto = this.$element("dirPropAuto").getInspector()
+ this.dirPropLtr = this.$element("dirPropLtr").getInspector()
+ this.dirPropNone = this.$element("dirPropNone").getInspector()
+ this.forPropNull = this.$element("forPropNull").getInspector()
+ this.forPropOne = this.$element("forPropOne").getInspector()
+ this.forPropThree = this.$element("forPropThree").getInspector()
+ this.ifPropTrue = this.$element("ifPropTrue").getInspector()
+ this.showPropTrue = this.$element("showPropTrue").getInspector()
+ this.showPropFalse = this.$element("showPropFalse").getInspector()
+ this.showPropNone = this.$element("showPropNone").getInspector()
+
+ //特有属性
+ this.typeXsNull = this.$element("typeXsNull").getInspector()
+ this.typeXs1 = this.$element("typeXs1").getInspector()
+ this.typeXsObject = this.$element("typeXsObject").getInspector()
+ this.typeSmNll = this.$element("typeSmNll").getInspector()
+ this.typeSm1 = this.$element("typeSm1").getInspector()
+ this.typeSmObject = this.$element("typeSmObject").getInspector()
+ this.typeMdNull = this.$element("typeMdNull").getInspector()
+ this.typeMd1 = this.$element("typeMd1").getInspector()
+ this.typeMdObject = this.$element("typeMdObject").getInspector()
+ this.typeLgNull = this.$element("typeLgNull").getInspector()
+ this.typeLg1 = this.$element("typeLg1").getInspector()
+ this.typeLgObject = this.$element("typeLgObject").getInspector()
+ this.typeSpan1 = this.$element("typeSpan1").getInspector()
+ this.typeSpan3 = this.$element("typeSpan3").getInspector()
+ this.typeOffset1 = this.$element("typeOffset1").getInspector()
+ this.typeOffset3 = this.$element("typeOffset3").getInspector()
+ },
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/index.css b/ace/ace_standard/src/main/js/default/pages/gridCol/router/index.css
similarity index 100%
rename from ace/ace_standard/src/main/js/default/pages/gridCol/index.css
rename to ace/ace_standard/src/main/js/default/pages/gridCol/router/index.css
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/index.hml b/ace/ace_standard/src/main/js/default/pages/gridCol/router/index.hml
similarity index 99%
rename from ace/ace_standard/src/main/js/default/pages/gridCol/index.hml
rename to ace/ace_standard/src/main/js/default/pages/gridCol/router/index.hml
index c65fde1f68d21191d951da72a8e1ac4a1488f559..3ecc762077340195c972c4ace08d7f4dfd941e82 100644
--- a/ace/ace_standard/src/main/js/default/pages/gridCol/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/gridCol/router/index.hml
@@ -222,6 +222,7 @@
+
无障碍
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/index.js b/ace/ace_standard/src/main/js/default/pages/gridCol/router/index.js
similarity index 100%
rename from ace/ace_standard/src/main/js/default/pages/gridCol/index.js
rename to ace/ace_standard/src/main/js/default/pages/gridCol/router/index.js
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.css b/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.hml b/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.js b/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..336492c8796cfa5ad4c6daef37793e77aebe4d8a
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/gridCol/style/index.js
@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */