@byteluck-fe/model-driven-controls 5.6.0-1-beta3 → 5.6.4-dpx-beta.1

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

@@ -77,15 +77,14 @@ var GridLayoutContainerControlProperty = /*#__PURE__*/ function(LayoutControlPro
     function GridLayoutContainerControlProperty(props) {
         _class_call_check(this, GridLayoutContainerControlProperty);
         var _this;
+        var _ref, _ref1;
         _this = _call_super(this, GridLayoutContainerControlProperty, [
             props
         ]), _define_property(_this, "childMinWidth", void 0 // 控件宽度最小值
         ), _define_property(_this, "colGap", void 0 // 控件间距
         );
-        var _props_childMinWidth;
-        _this.childMinWidth = (_props_childMinWidth = props === null || props === void 0 ? void 0 : props.childMinWidth) !== null && _props_childMinWidth !== void 0 ? _props_childMinWidth : 230;
-        var _props_colGap;
-        _this.colGap = (_props_colGap = props === null || props === void 0 ? void 0 : props.colGap) !== null && _props_colGap !== void 0 ? _props_colGap : 24;
+        _this.childMinWidth = (_ref = props === null || props === void 0 ? void 0 : props.childMinWidth) !== null && _ref !== void 0 ? _ref : 230;
+        _this.colGap = (_ref1 = props === null || props === void 0 ? void 0 : props.colGap) !== null && _ref1 !== void 0 ? _ref1 : 24;
         return _this;
     }
     return GridLayoutContainerControlProperty;

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

@@ -88,7 +88,7 @@ var GridTableColumnControl = /*#__PURE__*/ function(DesignerLayoutControl) {
     }
     return GridTableColumnControl;
 }(DesignerLayoutControl);
-_define_property(GridTableColumnControl, "controlName", getLocaleText('CMD.b6d81751967121984'));
+_define_property(GridTableColumnControl, "controlName", getLocaleText('CMD.8ba01751712155518'));
 _define_property(GridTableColumnControl, "controlType", 'gridtable-column');
 _define_property(GridTableColumnControl, "controlIcon", 'gridtable-column');
 _define_property(GridTableColumnControl, "childrenMaxLength", 1);

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

@@ -78,32 +78,23 @@ var GridTableColumnControlProperty = /*#__PURE__*/ function(LayoutControlPropert
     function GridTableColumnControlProperty(props) {
         _class_call_check(this, GridTableColumnControlProperty);
         var _this;
+        var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
         _this = _call_super(this, GridTableColumnControlProperty, [
             props
         ]), _define_property(_this, "widthType", void 0), _define_property(_this, "width", void 0), _define_property(_this, "caption", void 0), _define_property(_this, "fieldCode", void 0), _define_property(_this, "fieldType", void 0), _define_property(_this, "fieldName", void 0), _define_property(_this, "datasourceBind", void 0), _define_property(_this, "fixed", void 0), _define_property(_this, "textCleanFormart", void 0 //是否去除标签格式
         ), _define_property(_this, "decimalKeepPrecision", void 0), _define_property(_this, "timestampDateType", void 0), _define_property(_this, "departmentDisplayLevel", void 0);
-        var _props_width;
-        _this.width = (_props_width = props === null || props === void 0 ? void 0 : props.width) !== null && _props_width !== void 0 ? _props_width : 200;
+        _this.width = (_ref = props === null || props === void 0 ? void 0 : props.width) !== null && _ref !== void 0 ? _ref : 200;
         _this.widthType = (props === null || props === void 0 ? void 0 : props.widthType) || 'auto';
-        var _props_caption;
-        _this.caption = (_props_caption = props === null || props === void 0 ? void 0 : props.caption) !== null && _props_caption !== void 0 ? _props_caption : '';
-        var _props_fixed;
-        _this.fixed = (_props_fixed = props === null || props === void 0 ? void 0 : props.fixed) !== null && _props_fixed !== void 0 ? _props_fixed : false;
-        var _props_fieldCode;
-        _this.fieldCode = (_props_fieldCode = props === null || props === void 0 ? void 0 : props.fieldCode) !== null && _props_fieldCode !== void 0 ? _props_fieldCode : '';
-        var _props_fieldType;
-        _this.fieldType = (_props_fieldType = props === null || props === void 0 ? void 0 : props.fieldType) !== null && _props_fieldType !== void 0 ? _props_fieldType : FieldTypes.VARCHAR;
-        var _props_fieldName;
-        _this.fieldName = (_props_fieldName = props === null || props === void 0 ? void 0 : props.fieldName) !== null && _props_fieldName !== void 0 ? _props_fieldName : '';
+        _this.caption = (_ref1 = props === null || props === void 0 ? void 0 : props.caption) !== null && _ref1 !== void 0 ? _ref1 : '';
+        _this.fixed = (_ref2 = props === null || props === void 0 ? void 0 : props.fixed) !== null && _ref2 !== void 0 ? _ref2 : false;
+        _this.fieldCode = (_ref3 = props === null || props === void 0 ? void 0 : props.fieldCode) !== null && _ref3 !== void 0 ? _ref3 : '';
+        _this.fieldType = (_ref4 = props === null || props === void 0 ? void 0 : props.fieldType) !== null && _ref4 !== void 0 ? _ref4 : FieldTypes.VARCHAR;
+        _this.fieldName = (_ref5 = props === null || props === void 0 ? void 0 : props.fieldName) !== null && _ref5 !== void 0 ? _ref5 : '';
         _this.datasourceBind = new DataSourceBind(props === null || props === void 0 ? void 0 : props.datasourceBind);
-        var _props_textCleanFormart;
-        _this.textCleanFormart = (_props_textCleanFormart = props === null || props === void 0 ? void 0 : props.textCleanFormart) !== null && _props_textCleanFormart !== void 0 ? _props_textCleanFormart : false;
-        var _props_decimalKeepPrecision;
-        _this.decimalKeepPrecision = (_props_decimalKeepPrecision = props === null || props === void 0 ? void 0 : props.decimalKeepPrecision) !== null && _props_decimalKeepPrecision !== void 0 ? _props_decimalKeepPrecision : 0;
-        var _props_timestampDateType;
-        _this.timestampDateType = (_props_timestampDateType = props === null || props === void 0 ? void 0 : props.timestampDateType) !== null && _props_timestampDateType !== void 0 ? _props_timestampDateType : DateType.DATE;
-        var _props_departmentDisplayLevel;
-        _this.departmentDisplayLevel = (_props_departmentDisplayLevel = props === null || props === void 0 ? void 0 : props.departmentDisplayLevel) !== null && _props_departmentDisplayLevel !== void 0 ? _props_departmentDisplayLevel : 1;
+        _this.textCleanFormart = (_ref6 = props === null || props === void 0 ? void 0 : props.textCleanFormart) !== null && _ref6 !== void 0 ? _ref6 : false;
+        _this.decimalKeepPrecision = (_ref7 = props === null || props === void 0 ? void 0 : props.decimalKeepPrecision) !== null && _ref7 !== void 0 ? _ref7 : 0;
+        _this.timestampDateType = (_ref8 = props === null || props === void 0 ? void 0 : props.timestampDateType) !== null && _ref8 !== void 0 ? _ref8 : DateType.DATE;
+        _this.departmentDisplayLevel = (_ref9 = props === null || props === void 0 ? void 0 : props.departmentDisplayLevel) !== null && _ref9 !== void 0 ? _ref9 : 1;
         return _this;
     }
     return GridTableColumnControlProperty;

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

@@ -216,6 +216,7 @@ import { getLocaleText } from '@byteluck-fe/locale-message';
     function ListViewControlProperty(props) {
         _class_call_check(this, ListViewControlProperty);
         var _this;
+        var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11;
         _this = _call_super(this, ListViewControlProperty, [
             props
         ]), /**
@@ -282,33 +283,21 @@ import { getLocaleText } from '@byteluck-fe/locale-message';
    * @defaultValue 'none'
    */ _define_property(_this, "rowStyle", void 0);
         _this.datasourceBind = new DataSourceBind(props === null || props === void 0 ? void 0 : props.datasourceBind);
-        var _props_isLoading;
-        _this.isLoading = (_props_isLoading = props === null || props === void 0 ? void 0 : props.isLoading) !== null && _props_isLoading !== void 0 ? _props_isLoading : false;
-        var _props_isShowSubList;
-        _this.isShowSubList = (_props_isShowSubList = props === null || props === void 0 ? void 0 : props.isShowSubList) !== null && _props_isShowSubList !== void 0 ? _props_isShowSubList : false;
-        var _props_triggerType;
-        _this.triggerType = (_props_triggerType = props === null || props === void 0 ? void 0 : props.triggerType) !== null && _props_triggerType !== void 0 ? _props_triggerType : 1;
-        var _props_triggerFieldCode;
-        _this.triggerFieldCode = (_props_triggerFieldCode = props === null || props === void 0 ? void 0 : props.triggerFieldCode) !== null && _props_triggerFieldCode !== void 0 ? _props_triggerFieldCode : '';
+        _this.isLoading = (_ref = props === null || props === void 0 ? void 0 : props.isLoading) !== null && _ref !== void 0 ? _ref : false;
+        _this.isShowSubList = (_ref1 = props === null || props === void 0 ? void 0 : props.isShowSubList) !== null && _ref1 !== void 0 ? _ref1 : false;
+        _this.triggerType = (_ref2 = props === null || props === void 0 ? void 0 : props.triggerType) !== null && _ref2 !== void 0 ? _ref2 : 1;
+        _this.triggerFieldCode = (_ref3 = props === null || props === void 0 ? void 0 : props.triggerFieldCode) !== null && _ref3 !== void 0 ? _ref3 : '';
         _this.sublistPage = new SubListPageConfig(props === null || props === void 0 ? void 0 : props.sublistPage);
-        var _props_isShowJoinRelation;
-        _this.isShowJoinRelation = (_props_isShowJoinRelation = props === null || props === void 0 ? void 0 : props.isShowJoinRelation) !== null && _props_isShowJoinRelation !== void 0 ? _props_isShowJoinRelation : false;
+        _this.isShowJoinRelation = (_ref4 = props === null || props === void 0 ? void 0 : props.isShowJoinRelation) !== null && _ref4 !== void 0 ? _ref4 : false;
         _this.joinRelation = new JoinRelation(props === null || props === void 0 ? void 0 : props.joinRelation);
-        var _props_showType;
-        _this.showType = (_props_showType = props === null || props === void 0 ? void 0 : props.showType) !== null && _props_showType !== void 0 ? _props_showType : 'stretch';
-        var _props_showFullScreen;
-        _this.showFullScreen = (_props_showFullScreen = props === null || props === void 0 ? void 0 : props.showFullScreen) !== null && _props_showFullScreen !== void 0 ? _props_showFullScreen : false;
-        var _props_selectionType;
-        _this.selectionType = (_props_selectionType = props === null || props === void 0 ? void 0 : props.selectionType) !== null && _props_selectionType !== void 0 ? _props_selectionType : 'multiple';
-        var _props_isFixedHeader;
-        _this.isFixedHeader = (_props_isFixedHeader = props === null || props === void 0 ? void 0 : props.isFixedHeader) !== null && _props_isFixedHeader !== void 0 ? _props_isFixedHeader : false;
-        var _props_isShowSelection;
-        _this.isShowSelection = (_props_isShowSelection = props === null || props === void 0 ? void 0 : props.isShowSelection) !== null && _props_isShowSelection !== void 0 ? _props_isShowSelection : false;
-        var _props_isAllLoaded;
-        _this.isAllLoaded = (_props_isAllLoaded = props === null || props === void 0 ? void 0 : props.isAllLoaded) !== null && _props_isAllLoaded !== void 0 ? _props_isAllLoaded : true;
+        _this.showType = (_ref5 = props === null || props === void 0 ? void 0 : props.showType) !== null && _ref5 !== void 0 ? _ref5 : 'stretch';
+        _this.showFullScreen = (_ref6 = props === null || props === void 0 ? void 0 : props.showFullScreen) !== null && _ref6 !== void 0 ? _ref6 : false;
+        _this.selectionType = (_ref7 = props === null || props === void 0 ? void 0 : props.selectionType) !== null && _ref7 !== void 0 ? _ref7 : 'multiple';
+        _this.isFixedHeader = (_ref8 = props === null || props === void 0 ? void 0 : props.isFixedHeader) !== null && _ref8 !== void 0 ? _ref8 : false;
+        _this.isShowSelection = (_ref9 = props === null || props === void 0 ? void 0 : props.isShowSelection) !== null && _ref9 !== void 0 ? _ref9 : false;
+        _this.isAllLoaded = (_ref10 = props === null || props === void 0 ? void 0 : props.isAllLoaded) !== null && _ref10 !== void 0 ? _ref10 : true;
         _this.countType = props === null || props === void 0 ? void 0 : props.countType;
-        var _props_countLimit;
-        _this.countLimit = (_props_countLimit = props === null || props === void 0 ? void 0 : props.countLimit) !== null && _props_countLimit !== void 0 ? _props_countLimit : 100000;
+        _this.countLimit = (_ref11 = props === null || props === void 0 ? void 0 : props.countLimit) !== null && _ref11 !== void 0 ? _ref11 : 100000;
         _this.rowStyle = new RowStyle(props === null || props === void 0 ? void 0 : props.rowStyle);
         return _this;
     }

package/dist/esm/layoutControls/Page/Setting.js

@@ -31,7 +31,7 @@ export default defineInstance({
             key: 'hideHeader',
             type: 'boolean',
             component: 'switch',
-            label: getLocaleText('CMD.ea9e1751967118270')
+            label: getLocaleText('CMD.53f31751712152595')
         },
         {
             key: 'size',
@@ -45,7 +45,7 @@ export default defineInstance({
     groups: [
         {
             type: 'tab',
-            title: getLocaleText('CMD.54e11751967131612'),
+            title: getLocaleText('CMD.86031751712165077'),
             items: [
                 {
                     items: [
@@ -61,16 +61,16 @@ export default defineInstance({
         },
         {
             type: 'tab',
-            title: getLocaleText('CMD.fe1a1751967133085'),
+            title: getLocaleText('CMD.89071751712166177'),
             items: [
                 {
-                    title: getLocaleText('CMD.f1731751967134136'),
+                    title: getLocaleText('CMD.363f1751712167282'),
                     items: [
                         'size'
                     ]
                 },
                 {
-                    title: getLocaleText('CMD.b9db1751967126829'),
+                    title: getLocaleText('CMD.ebf11751712161036'),
                     items: [
                         'background'
                     ]

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

@@ -77,6 +77,7 @@ var PageProperty = /*#__PURE__*/ function(LayoutControlProperty) {
     function PageProperty(props) {
         _class_call_check(this, PageProperty);
         var _this;
+        var _ref;
         _this = _call_super(this, PageProperty, [
             props
         ]), _define_property(_this, "hideHeader", void 0), _define_property(_this, "background", '#fff'), _define_property(_this, "minWidth", ''), _define_property(_this, "maxWidth", ''), /**
@@ -84,8 +85,7 @@ var PageProperty = /*#__PURE__*/ function(LayoutControlProperty) {
    * auto指内容多高它多高
    * fill指最小占一屏幕高
    * */ _define_property(_this, "heightConfig", 'auto');
-        var _props_hideHeader;
-        _this.hideHeader = (_props_hideHeader = props === null || props === void 0 ? void 0 : props.hideHeader) !== null && _props_hideHeader !== void 0 ? _props_hideHeader : false;
+        _this.hideHeader = (_ref = props === null || props === void 0 ? void 0 : props.hideHeader) !== null && _ref !== void 0 ? _ref : false;
         return _this;
     }
     return PageProperty;

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

@@ -77,17 +77,14 @@ var PositionProperty = /*#__PURE__*/ function(LayoutControlProperty) {
     function PositionProperty(props) {
         _class_call_check(this, PositionProperty);
         var _this;
+        var _ref, _ref1, _ref2, _ref3;
         _this = _call_super(this, PositionProperty, [
             props
         ]), _define_property(_this, "widthSpan", void 0), _define_property(_this, "heightSpan", void 0), _define_property(_this, "left", void 0), _define_property(_this, "top", void 0);
-        var _props_widthSpan;
-        _this.widthSpan = (_props_widthSpan = props === null || props === void 0 ? void 0 : props.widthSpan) !== null && _props_widthSpan !== void 0 ? _props_widthSpan : 12;
-        var _props_heightSpan;
-        _this.heightSpan = (_props_heightSpan = props === null || props === void 0 ? void 0 : props.heightSpan) !== null && _props_heightSpan !== void 0 ? _props_heightSpan : 12;
-        var _props_left;
-        _this.left = (_props_left = props === null || props === void 0 ? void 0 : props.left) !== null && _props_left !== void 0 ? _props_left : 0;
-        var _props_top;
-        _this.top = (_props_top = props === null || props === void 0 ? void 0 : props.top) !== null && _props_top !== void 0 ? _props_top : 0;
+        _this.widthSpan = (_ref = props === null || props === void 0 ? void 0 : props.widthSpan) !== null && _ref !== void 0 ? _ref : 12;
+        _this.heightSpan = (_ref1 = props === null || props === void 0 ? void 0 : props.heightSpan) !== null && _ref1 !== void 0 ? _ref1 : 12;
+        _this.left = (_ref2 = props === null || props === void 0 ? void 0 : props.left) !== null && _ref2 !== void 0 ? _ref2 : 0;
+        _this.top = (_ref3 = props === null || props === void 0 ? void 0 : props.top) !== null && _ref3 !== void 0 ? _ref3 : 0;
         return _this;
     }
     return PositionProperty;

package/dist/esm/layoutControls/PositioningContainer/Setting.js

@@ -30,7 +30,7 @@ export default defineInstance({
     groups: [
         {
             type: 'tab',
-            title: getLocaleText('CMD.a5181751967131612'),
+            title: getLocaleText('CMD.6f161751712165078'),
             items: [
                 {
                     items: [
@@ -46,10 +46,10 @@ export default defineInstance({
         },
         {
             type: 'tab',
-            title: getLocaleText('CMD.c2891751967133086'),
+            title: getLocaleText('CMD.3aa21751712166178'),
             items: [
                 {
-                    title: getLocaleText('CMD.11831751967134136'),
+                    title: getLocaleText('CMD.888d1751712167283'),
                     items: [
                         'style.width',
                         'style.height'

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

@@ -77,13 +77,12 @@ var RowControlProperty = /*#__PURE__*/ function(LayoutControlProperty) {
     function RowControlProperty(props) {
         _class_call_check(this, RowControlProperty);
         var _this;
+        var _ref, _ref1;
         _this = _call_super(this, RowControlProperty, [
             props
         ]), _define_property(_this, "layoutMode", void 0), _define_property(_this, "gutter", void 0);
-        var _props_layoutMode;
-        _this.layoutMode = (_props_layoutMode = props === null || props === void 0 ? void 0 : props.layoutMode) !== null && _props_layoutMode !== void 0 ? _props_layoutMode : 'select';
-        var _props_gutter;
-        _this.gutter = (_props_gutter = props === null || props === void 0 ? void 0 : props.gutter) !== null && _props_gutter !== void 0 ? _props_gutter : 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;
     }
     return RowControlProperty;

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

@@ -0,0 +1,166 @@
+function _assert_this_initialized(self) {
+    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) {
+    derived = _get_prototype_of(derived);
+    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");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+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 { DesignerLayoutControl } from '@byteluck-fe/model-driven-core';
+import StepControlProperty from './property';
+import { DesignerStepPaneControl } from '../StepPane';
+import { getLocaleText } from '@byteluck-fe/locale-message';
+var StepControl = /*#__PURE__*/ function(DesignerLayoutControl) {
+    "use strict";
+    _inherits(StepControl, DesignerLayoutControl);
+    function StepControl(props) {
+        _class_call_check(this, StepControl);
+        var _this;
+        var _ref;
+        _this = _call_super(this, StepControl, [
+            props
+        ]), _define_property(_this, "props", void 0);
+        _this.props = new StepControlProperty(props === null || props === void 0 ? void 0 : props.props);
+        _this.children = (_ref = props === null || props === void 0 ? void 0 : props.children) !== null && _ref !== void 0 ? _ref : [
+            new DesignerStepPaneControl(),
+            new DesignerStepPaneControl(),
+            new DesignerStepPaneControl()
+        ];
+        return _this;
+    }
+    _create_class(StepControl, null, [
+        {
+            key: "controlName",
+            get: function get() {
+                return getLocaleText('CMD.step', null, '步骤条');
+            }
+        },
+        {
+            key: "controlType",
+            get: function get() {
+                return 'step';
+            }
+        },
+        {
+            key: "controlIcon",
+            get: function get() {
+                return 'icondaiban1';
+            }
+        }
+    ]);
+    return StepControl;
+}(DesignerLayoutControl);
+_define_property(StepControl, "excludes", []);
+_define_property(StepControl, "controlEventKeys", [
+    'on_change_steps'
+]);
+_define_property(StepControl, "setting", [
+    {
+        key: 'step-direction',
+        visible: true
+    },
+    {
+        key: 'step-label-placement',
+        visible: true
+    },
+    {
+        key: 'step-size',
+        visible: true
+    },
+    {
+        key: 'step-type',
+        visible: true
+    },
+    {
+        key: 'is-sticky',
+        visible: true
+    },
+    {
+        key: 'step-pane',
+        visible: true
+    },
+    {
+        key: 'super-setting',
+        visible: true
+    }
+]);
+export default StepControl;
+export { StepControl as DesignerStepsControl };

package/dist/esm/layoutControls/Step/index.js

@@ -0,0 +1,11 @@
+import Designer from './designer';
+import Runtime from './runtime';
+import Property from './property';
+export default {
+    Designer: Designer,
+    Runtime: Runtime,
+    Property: Property
+};
+export * from './designer';
+export * from './runtime';
+export * from './property';

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

@@ -0,0 +1,99 @@
+function _assert_this_initialized(self) {
+    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) {
+    derived = _get_prototype_of(derived);
+    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");
+    }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+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 { LayoutControlProperty } from '@byteluck-fe/model-driven-core';
+var StepControlProperty = /*#__PURE__*/ function(LayoutControlProperty) {
+    "use strict";
+    _inherits(StepControlProperty, LayoutControlProperty);
+    function StepControlProperty(props) {
+        _class_call_check(this, StepControlProperty);
+        var _this;
+        var _ref, _ref1, _ref2, _ref3, _ref4;
+        _this = _call_super(this, StepControlProperty, [
+            props
+        ]), _define_property(_this, "direction", void 0 //排列方向
+        ), _define_property(_this, "labelPlacement", void 0 //标签位置
+        ), _define_property(_this, "size", void 0 //尺寸
+        ), _define_property(_this, "type", void 0 //类型
+        ), _define_property(_this, "isSticky", void 0 //是否粘性
+        );
+        _this.direction = (_ref = props === null || props === void 0 ? void 0 : props.direction) !== null && _ref !== void 0 ? _ref : 'horizontal';
+        _this.labelPlacement = (_ref1 = props === null || props === void 0 ? void 0 : props.labelPlacement) !== null && _ref1 !== void 0 ? _ref1 : 'horizontal';
+        _this.size = (_ref2 = props === null || props === void 0 ? void 0 : props.size) !== null && _ref2 !== void 0 ? _ref2 : 'default';
+        _this.type = (_ref3 = props === null || props === void 0 ? void 0 : props.type) !== null && _ref3 !== void 0 ? _ref3 : 'default';
+        _this.isSticky = (_ref4 = props === null || props === void 0 ? void 0 : props.isSticky) !== null && _ref4 !== void 0 ? _ref4 : false;
+        return _this;
+    }
+    return StepControlProperty;
+}(LayoutControlProperty);
+export default StepControlProperty;
+export { StepControlProperty };

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

@@ -0,0 +1,112 @@
+function _assert_this_initialized(self) {
+    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) {
+    derived = _get_prototype_of(derived);
+    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");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+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 StepControlProperty from './property';
+var StepControl = /*#__PURE__*/ function(RuntimeLayoutControl) {
+    "use strict";
+    _inherits(StepControl, RuntimeLayoutControl);
+    function StepControl(props) {
+        _class_call_check(this, StepControl);
+        var _this;
+        _this = _call_super(this, StepControl, [
+            props
+        ]), _define_property(_this, "props", void 0);
+        _this.props = new StepControlProperty(props === null || props === void 0 ? void 0 : props.props);
+        return _this;
+    }
+    _create_class(StepControl, null, [
+        {
+            key: "controlType",
+            get: function get() {
+                return 'step';
+            }
+        }
+    ]);
+    return StepControl;
+}(RuntimeLayoutControl);
+export default StepControl;
+export { StepControl as RuntimeStepControl };