@byteluck-fe/model-driven-controls 7.0.0-props.99 → 7.1.0-beta.0

package/dist/esm/layoutControls/TableLayout/runtime.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
@@ -35,9 +31,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -59,10 +53,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -76,14 +76,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 import { RuntimeLayoutControl } from '@byteluck-fe/model-driven-core';
 import { TableLayoutControlProperty } from './property';
 var TableLayoutControlControl = /*#__PURE__*/ function(RuntimeLayoutControl) {

package/dist/esm/layoutControls/TableLayout/schema.json

@@ -17,13 +17,13 @@
       "defaultState": {
         "type": "string",
         "enum": [
-          "default",
-          "readonly"
+          "readonly",
+          "default"
         ],
         "description": "默认状态",
         "enumDescription": [
-          "default",
-          "readonly"
+          "readonly",
+          "default"
         ]
       },
       "rowCount": {
@@ -106,7 +106,12 @@
           }
         },
         "description": "内边距配置",
-        "default": "{ paddingTop: '', paddingRight: '', paddingBottom: '', ... }"
+        "default": {
+          "paddingTop": "",
+          "paddingRight": "",
+          "paddingBottom": "",
+          "paddingLeft": ""
+        }
       },
       "margin": {
         "type": "object",
@@ -137,7 +142,12 @@
           }
         },
         "description": "外边距配置",
-        "default": "{ marginTop: '', marginRight: '', marginBottom: '', ... }"
+        "default": {
+          "marginTop": "",
+          "marginRight": "",
+          "marginBottom": "",
+          "marginLeft": ""
+        }
       },
       "border": {
         "type": "object",
@@ -176,7 +186,15 @@
           }
         },
         "description": "边框配置",
-        "default": "{ borderTop: true, borderBottom: true, borderLeft: true, ... }"
+        "default": {
+          "borderTop": true,
+          "borderBottom": true,
+          "borderLeft": true,
+          "borderRight": true,
+          "borderWidth": 1,
+          "borderColor": "",
+          "borderType": "solid"
+        }
       },
       "background": {
         "type": "object",
@@ -204,7 +222,12 @@
           }
         },
         "description": "背景",
-        "default": "{ type: 'backgroundColor', backgroundColor: '', backgroundImage: '', ... }"
+        "default": {
+          "type": "backgroundColor",
+          "backgroundColor": "",
+          "backgroundImage": "",
+          "placementMode": "contain"
+        }
       },
       "borderRadius": {
         "type": "object",
@@ -235,14 +258,19 @@
           }
         },
         "description": "圆角配置",
-        "default": "{ borderTopLeftRadius: '', borderTopRightRadius: '', borderBottomRightRadius: '', ... }"
+        "default": {
+          "borderTopLeftRadius": "",
+          "borderTopRightRadius": "",
+          "borderBottomRightRadius": "",
+          "borderBottomLeftRadius": ""
+        }
       },
       "align": {
         "type": "string",
         "enum": [
           "",
-          "center",
           "left",
+          "center",
           "right",
           "justify"
         ],
@@ -250,8 +278,8 @@
         "default": "",
         "enumDescription": [
           "",
-          "居中",
           "左侧",
+          "居中",
           "右侧",
           "两端对齐"
         ]
@@ -274,24 +302,35 @@
       "innerBorder": {
         "type": "object",
         "properties": {
-          "constructor": {
-            "type": "object",
-            "properties": {
-              "prototype": {},
-              "arguments": {},
-              "caller": {
-                "type": "object"
-              },
-              "name": {
-                "type": "string",
-                "description": "Returns the name of the function. Function names are read-only and can not be changed."
-              }
-            },
-            "description": "The initial value of Object.prototype.constructor is the standard built-in Object constructor."
+          "borderWidth": {
+            "type": "integer"
+          },
+          "borderColor": {
+            "type": "string"
+          },
+          "borderType": {
+            "type": "string",
+            "enum": [
+              "",
+              "dotted",
+              "solid",
+              "dashed"
+            ],
+            "description": "",
+            "enumDescription": [
+              "",
+              "dotted",
+              "solid",
+              "dashed"
+            ]
           }
         },
         "description": "表格内边框",
-        "default": "{ borderWidth: 1, borderColor: '', borderType: 'solid' }"
+        "default": {
+          "borderWidth": 1,
+          "borderColor": "",
+          "borderType": "solid"
+        }
       }
     },
     "required": []

package/dist/esm/layoutControls/TableLayoutCol/designer.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
@@ -35,9 +31,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -59,10 +53,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -76,14 +76,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 import { CONTROL_TYPE } from '@byteluck-fe/model-driven-shared';
 import { DesignerLayoutControl } from '@byteluck-fe/model-driven-core';
 import TableLayoutColControlProperty from './property';

package/dist/esm/layoutControls/TableLayoutCol/property.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -21,9 +17,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -45,10 +39,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -62,14 +62,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 /**
  * name: rok_table_layout_col
  * description: 表格布局列组件。用于定义表格布局中单元列的占位与样式。支持列跨度、单元格合并、Flex/块级布局、主侧轴对齐、背景和与标题同宽等能力。
@@ -84,7 +76,47 @@ var TableLayoutColControlProperty = /*#__PURE__*/ function(LayoutControlProperty
         var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
         _this = _call_super(this, TableLayoutColControlProperty, [
             props
-        ]), _define_property(_this, "span", void 0), _define_property(_this, "offset", void 0), _define_property(_this, "tableLayoutColSpan", void 0), _define_property(_this, "tableLayoutColSpanType", void 0), _define_property(_this, "layout", void 0), _define_property(_this, "flexDirection", void 0), _define_property(_this, "alignItems", void 0), _define_property(_this, "justifyContent", void 0), _define_property(_this, "background", void 0), _define_property(_this, "isLabelCol", void 0);
+        ]), /**
+   * 占用列数
+   * @defaultValue 24
+   * @public
+   */ _define_property(_this, "span", void 0), /**
+   * 偏移量
+   * @defaultValue 0
+   * @public
+   */ _define_property(_this, "offset", void 0), /**
+   * 在表格布局中的合并单元格数量
+   * @defaultValue 0
+   * @public
+   */ _define_property(_this, "tableLayoutColSpan", void 0), /**
+   * full 占满整行，'' 没有合并单元格，custom 自定义合并格数
+   * @defaultValue ''
+   * @public
+   */ _define_property(_this, "tableLayoutColSpanType", void 0), /**
+   * 布局方式；取值：flex：弹性；block：块级；
+   * @defaultValue 'flex'
+   * @public
+   */ _define_property(_this, "layout", void 0), /**
+   * 主轴方向；取值：row：横向；column：纵向；row-reverse：横向反向；column-reverse：纵向反向；
+   * @defaultValue 'column'
+   * @public
+   */ _define_property(_this, "flexDirection", void 0), /**
+   * 侧轴对齐方式；取值：flex-start：起点对齐；flex-end：终点对齐；center：居中；baseline：基线对齐；stretch：拉伸；
+   * @defaultValue 'flex-start'
+   * @public
+   */ _define_property(_this, "alignItems", void 0), /**
+   * 主轴对齐方式；取值：flex-start：起点对齐；flex-end：终点对齐；center：居中；space-between：两端对齐；space-around：环绕对齐；
+   * @defaultValue 'flex-start'
+   * @public
+   */ _define_property(_this, "justifyContent", void 0), /**
+   * 背景
+   * @defaultValue { type: 'backgroundColor', backgroundColor: '', backgroundImage: '', ... }
+   * @public
+   */ _define_property(_this, "background", void 0), /**
+   * 设置该列与标题同宽
+   * @defaultValue false
+   * @public
+   */ _define_property(_this, "isLabelCol", void 0);
         _this.span = (_ref = props === null || props === void 0 ? void 0 : props.span) !== null && _ref !== void 0 ? _ref : BASE_SPAN;
         _this.offset = (_ref1 = props === null || props === void 0 ? void 0 : props.offset) !== null && _ref1 !== void 0 ? _ref1 : 0;
         _this.tableLayoutColSpan = (_ref2 = props === null || props === void 0 ? void 0 : props.tableLayoutColSpan) !== null && _ref2 !== void 0 ? _ref2 : 0;

package/dist/esm/layoutControls/TableLayoutCol/runtime.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
@@ -35,9 +31,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -59,10 +53,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -76,14 +76,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 import { RuntimeLayoutControl } from '@byteluck-fe/model-driven-core';
 import TableLayoutColControlProperty from './property';
 var TableLayoutColControl = /*#__PURE__*/ function(RuntimeLayoutControl) {

package/dist/esm/layoutControls/TableLayoutCol/schema.json

@@ -17,13 +17,13 @@
       "defaultState": {
         "type": "string",
         "enum": [
-          "default",
-          "readonly"
+          "readonly",
+          "default"
         ],
         "description": "默认状态",
         "enumDescription": [
-          "default",
-          "readonly"
+          "readonly",
+          "default"
         ]
       },
       "span": {
@@ -156,7 +156,12 @@
           }
         },
         "description": "背景",
-        "default": "{ type: 'backgroundColor', backgroundColor: '', backgroundImage: '', ... }"
+        "default": {
+          "type": "backgroundColor",
+          "backgroundColor": "",
+          "backgroundImage": "",
+          "placementMode": "contain"
+        }
       },
       "isLabelCol": {
         "type": "object",

package/dist/esm/layoutControls/TableLayoutRow/designer.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
@@ -35,9 +31,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -59,10 +53,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -76,14 +76,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 import { CONTROL_TYPE } from '@byteluck-fe/model-driven-shared';
 import { DesignerLayoutControl } from '@byteluck-fe/model-driven-core';
 import TableLayoutRowControlProperty from './property';

package/dist/esm/layoutControls/TableLayoutRow/property.js

@@ -1,7 +1,5 @@
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
 function _call_super(_this, derived, args) {
@@ -9,9 +7,7 @@ function _call_super(_this, derived, args) {
     return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -21,9 +17,7 @@ function _define_property(obj, key, value) {
             configurable: true,
             writable: true
         });
-    } else {
-        obj[key] = value;
-    }
+    } else obj[key] = value;
     return obj;
 }
 function _get_prototype_of(o) {
@@ -45,10 +39,16 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
     return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -62,14 +62,6 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
 /**
  * name: rok_table_layout_row
  * description: 表格布局行组件。用于在表格布局中组织一行单元内容。支持预设/自定义布局模式和列间距设置。
@@ -83,7 +75,15 @@ var TableLayoutRowControlProperty = /*#__PURE__*/ function(LayoutControlProperty
         var _ref, _ref1;
         _this = _call_super(this, TableLayoutRowControlProperty, [
             props
-        ]), _define_property(_this, "layoutMode", void 0), _define_property(_this, "gutter", void 0);
+        ]), /**
+   * 布局模式；取值：select：选择预设布局；custom：自定义布局；
+   * @defaultValue 'select'
+   * @public
+   */ _define_property(_this, "layoutMode", void 0), /**
+   * 间距
+   * @defaultValue 0
+   * @public
+   */ _define_property(_this, "gutter", void 0);
         _this.layoutMode = (_ref = props === null || props === void 0 ? void 0 : props.layoutMode) !== null && _ref !== void 0 ? _ref : 'select';
         _this.gutter = (_ref1 = props === null || props === void 0 ? void 0 : props.gutter) !== null && _ref1 !== void 0 ? _ref1 : 0;
         return _this;