fan-standard-comp 4.0.8 → 4.0.9

package/es/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -54,6 +54,10 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   var renderTreeNode = function renderTreeNode(data, dataOptionName) {
     var nodeProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     return data.map(function (dataItem) {
@@ -151,13 +155,27 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 || (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 || _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 || (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 || _otherProps$onSearch.call(otherProps, value);
       }
     }), renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = getNodePaths(treeData, value, {
@@ -216,7 +234,8 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "".concat(componentName, " ").concat(hashId, " ").concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/React.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode()));
 });
 export default RefactorTreeSelect;

package/es/FormComp/FieldComponent/index.d.ts

@@ -25,7 +25,7 @@ export interface FieldComponentProps {
     size?: 'large' | 'middle' | 'small' | string;
     showFullLevel?: boolean;
     separator?: string;
-    selectOptionRender?: (data: any) => void;
+    selectOptionRender?: (data: any, info?: any) => void;
     style?: React.CSSProperties;
     render?: (props?: any) => React.ReactNode | string;
     disabledFields?: {

package/es/FormComp/FieldComponent/index.js

@@ -144,23 +144,21 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         allowClear: true,
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
         filterOption: function filterOption(inputValue, option) {
-          return defaultProps.showSearch ? option.children.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0 : false;
+          var _defaultProps$fieldNa;
+          return defaultProps.showSearch ? ((option === null || option === void 0 ? void 0 : option[(defaultProps === null || defaultProps === void 0 || (_defaultProps$fieldNa = defaultProps.fieldNames) === null || _defaultProps$fieldNa === void 0 ? void 0 : _defaultProps$fieldNa.label) || (selectOptionName === null || selectOptionName === void 0 ? void 0 : selectOptionName.label) || 'label']) || '').toLowerCase().includes(inputValue.toLowerCase()) : false;
         },
-        value: value
-        // fieldNames={fieldNames || selectOptionName}
-        // options={selectOptions}
+        value: value,
+        fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
+        options: selectOptions,
+        optionRender: function optionRender(option, info) {
+          var _defaultProps$optionR;
+          return (defaultProps === null || defaultProps === void 0 || (_defaultProps$optionR = defaultProps.optionRender) === null || _defaultProps$optionR === void 0 ? void 0 : _defaultProps$optionR.call(defaultProps, option, info)) || (selectOptionRender === null || selectOptionRender === void 0 ? void 0 : selectOptionRender(option, info)) || option.label;
+        }
       }, defaultProps, {
         // onChange返回参数：累加当前选中包括其他字段值的数据
         onChange: function onChange(value, Option) {
           return _onChange && _onChange(value, resetResultOption(Option));
         } // 数据为对象
-      }), defaultProps !== null && defaultProps !== void 0 && defaultProps.fieldNames ? null : (selectOptions || []).map(function (val, index) {
-        return /*#__PURE__*/React.createElement(Option, {
-          value: val.value,
-          key: val.value || index,
-          title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
       }));
       break;
     case 'tree-select':

package/es/FormComp/FieldComponent/style/TreeSelect.js

@@ -19,7 +19,8 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
       },
       '.refactor-tree-select-extra': {
         background: token.colorBgContainer,
-        height: token.controlHeight
+        height: token.controlHeight,
+        padding: "1px 22px 1px ".concat(token.paddingXS + 3, "px")
       }
     }), '.tree-select-viewonly-list', {
       border: "1px solid ".concat(new TinyColor(token.colorSplit).setAlpha(0.6).toRgbString()),

package/es/FormComp/FieldComponent/style/index.less

@@ -43,7 +43,7 @@
     bottom: 0;
     //height: @input-height-base;
     z-index: 1;
-    padding: 1px 22px 1px 8px;
+    //padding: 1px 22px 1px 8px;
     line-height: 30px;
     overflow: hidden;
     text-overflow: ellipsis;

package/es/FormComp/RenderItemGroup/index.js

@@ -201,11 +201,11 @@ var RenderItemGroup = function RenderItemGroup(props) {
       customRender = item.customRender,
       filedName = item.filedName; // 当前可传参的配置值
     if (layout === "horizontal" || layout === "vertical") {
-      return /*#__PURE__*/React.createElement(Col, {
+      return /*#__PURE__*/React.createElement(Col, _extends({
         key: index,
         span: item.colSpan || setColSpan(item.display, size, columnCount),
         style: item.style
-      }, /*#__PURE__*/React.createElement(FormItem, _extends({
+      }, item.protoCol), /*#__PURE__*/React.createElement(FormItem, _extends({
         name: type !== 'custom' && filedName,
         className: classNames(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
         label: description ? /*#__PURE__*/React.createElement("span", null, label, /*#__PURE__*/React.createElement(Tooltip, {
@@ -251,10 +251,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
         }, function (FormInstance) {
           var _item$protoConfig;
           // isHide 返回为true则隐藏当前控件
-          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/React.createElement(Col, {
+          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/React.createElement(Col, _extends({
             span: item.colSpan || 24,
             style: item.style
-          }, type === 'title' ? /*#__PURE__*/React.createElement("h3", _extends({}, item.protoConfig, {
+          }, item.protoCol), type === 'title' ? /*#__PURE__*/React.createElement("h3", _extends({}, item.protoConfig, {
             className: "modalPanelTitle ".concat((item === null || item === void 0 || (_item$protoConfig = item.protoConfig) === null || _item$protoConfig === void 0 ? void 0 : _item$protoConfig.className) || '')
           }), label) : label) : /*#__PURE__*/React.createElement(React.Fragment, null, null);
         });

package/es/StandardContent/ContentHeader.d.ts

@@ -3,7 +3,9 @@ export interface ContentHeaderProps {
     title?: string | React.ReactNode;
     breadcrumb?: object | any;
     componentName?: string;
+    prefix?: React.ReactNode;
     extra?: React.ReactNode;
+    goBack?: (breadcrumbItems?: any, breadcrumb?: any) => void;
     fixed?: Boolean;
     [key: string]: any;
 }

package/es/StandardContent/ContentHeader.js

@@ -11,9 +11,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useImperativeHandle, useRef, useEffect, useState } from 'react';
-import { Breadcrumb } from "antd";
+import { Breadcrumb, Button } from "antd";
 import classNames from 'classnames';
 import useStyle from "./styles/Header";
+import SpecIcon from "../SpecIcon/index";
 var Child = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -34,7 +35,9 @@ var ContentHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     title = props.title,
     getClientHeight = props.getClientHeight,
-    extra = props.extra;
+    extra = props.extra,
+    prefix = props.prefix,
+    goBack = props.goBack;
   var componentName = 'spec-content-header';
   var _useStyle = useStyle(componentName),
     _useStyle2 = _slicedToArray(_useStyle, 2),
@@ -49,6 +52,11 @@ var ContentHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     clientHeight = _useState6[0],
     setClientHeight = _useState6[1];
   var headerRef = useRef(null);
+  var handleGoBack = function handleGoBack() {
+    if (goBack) {
+      goBack(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.items, breadcrumb);
+    }
+  };
   useEffect(function () {
     if (title || breadcrumb) {
       setVisible(true);
@@ -90,9 +98,23 @@ var ContentHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: headerRef
   }, breadcrumb && breadcrumb !== null && breadcrumb !== void 0 && (_breadcrumb$items = breadcrumb.items) !== null && _breadcrumb$items !== void 0 && _breadcrumb$items.length ? /*#__PURE__*/React.createElement("div", {
     className: componentName + '-breadcrumb'
-  }, /*#__PURE__*/React.createElement(Breadcrumb, breadcrumb || {})) : null, title || extra ? /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Breadcrumb, breadcrumb || {})) : null, title || extra || prefix || goBack ? /*#__PURE__*/React.createElement("div", {
     className: componentName + '-title'
-  }, title && /*#__PURE__*/React.createElement("div", {
+  }, goBack && /*#__PURE__*/React.createElement("div", {
+    className: componentName + '-title-goBack',
+    onClick: function onClick() {
+      return handleGoBack();
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: 'small',
+    type: 'default',
+    icon: /*#__PURE__*/React.createElement(SpecIcon, {
+      noPrefix: true,
+      name: 'speci-redo'
+    })
+  })), prefix && /*#__PURE__*/React.createElement("div", {
+    className: componentName + '-title-prefix'
+  }, " ", prefix), title && /*#__PURE__*/React.createElement("div", {
     className: componentName + '-title-name'
   }, " ", title), extra && /*#__PURE__*/React.createElement("div", {
     className: componentName + '-title-extra'

package/es/StandardContent/styles/Header.js

@@ -31,6 +31,14 @@ var SubfieldContentStyleFunc = function SubfieldContentStyleFunc(prefix) {
         display: 'flex',
         alignItems: 'center'
       },
+      '.spec-content-header-title-goBack + .spec-content-header-title-prefix ': {
+        marginLeft: token.marginXS
+      },
+      '.spec-content-header-title-prefix, .spec-content-header-title-goBack': {
+        '& + .spec-content-header-title-name': {
+          marginLeft: token.marginXS
+        }
+      },
       '.spec-content-header-title-name': {
         fontSize: token.fontSizeLG,
         fontWeight: 'bold',

package/es/StandardForm/index.js

@@ -137,6 +137,9 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
     if (Array.isArray(actionGroup) && actionGroup.length === 0) return null;
     if (actionGroup) return groupNode();
+    if (fieldStatus === 'disabled' || fieldStatus === 'viewOnly') {
+      return null;
+    }
     return /*#__PURE__*/React.createElement(Form.Item, {
       className: "standardForm-actions",
       style: {
@@ -167,12 +170,14 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), prefix, children, /*#__PURE__*/React.createElement(React.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/React.createElement(RenderItemGroup, _extends({
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
-    displayLayout: displayLayout
-    // doUpdateFormFields={() => forceUpdateForm()}
-    ,
+    displayLayout: displayLayout,
+    doUpdateFormFields: function doUpdateFormFields() {
+      return forceUpdateForm();
+    },
     size: gridSize,
     layout: layout,
-    fieldStatus: fieldStatus
+    fieldStatus: fieldStatus,
+    form: initForm
   }, itemGroupConfig)) : null, renderActionGroup()), postfix));
 });
 export default StandardForm;

package/es/StandardForm/style/index.js

@@ -39,6 +39,11 @@ var StandardFormStyleFunc = function StandardFormStyleFunc(prefix) {
         }
       }
     }), '.spec-standard-form', {
+      '&.standard-form-vertical': {
+        '.standardForm-actions': {
+          marginTop: "".concat(token.margin, "px")
+        }
+      },
       '.stepForm-content': {
         margin: "".concat(token.margin, "px 0px"),
         '&.stepForm-content-vertical': {

package/lib/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -63,6 +63,10 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   var renderTreeNode = function renderTreeNode(data, dataOptionName) {
     var nodeProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     return data.map(function (dataItem) {
@@ -160,13 +164,27 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 || (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 || _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 || (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 || _otherProps$onSearch.call(otherProps, value);
       }
     }), renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = (0, _utils.getNodePaths)(treeData, value, {
@@ -225,7 +243,8 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     className: "".concat(componentName, " ").concat(hashId, " ").concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode()));
 });
 var _default = exports.default = RefactorTreeSelect;

package/lib/FormComp/FieldComponent/index.d.ts

@@ -25,7 +25,7 @@ export interface FieldComponentProps {
     size?: 'large' | 'middle' | 'small' | string;
     showFullLevel?: boolean;
     separator?: string;
-    selectOptionRender?: (data: any) => void;
+    selectOptionRender?: (data: any, info?: any) => void;
     style?: React.CSSProperties;
     render?: (props?: any) => React.ReactNode | string;
     disabledFields?: {

package/lib/FormComp/FieldComponent/index.js

@@ -149,23 +149,21 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         allowClear: true,
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
         filterOption: function filterOption(inputValue, option) {
-          return defaultProps.showSearch ? option.children.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0 : false;
+          var _defaultProps$fieldNa;
+          return defaultProps.showSearch ? ((option === null || option === void 0 ? void 0 : option[(defaultProps === null || defaultProps === void 0 || (_defaultProps$fieldNa = defaultProps.fieldNames) === null || _defaultProps$fieldNa === void 0 ? void 0 : _defaultProps$fieldNa.label) || (selectOptionName === null || selectOptionName === void 0 ? void 0 : selectOptionName.label) || 'label']) || '').toLowerCase().includes(inputValue.toLowerCase()) : false;
         },
-        value: value
-        // fieldNames={fieldNames || selectOptionName}
-        // options={selectOptions}
+        value: value,
+        fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
+        options: selectOptions,
+        optionRender: function optionRender(option, info) {
+          var _defaultProps$optionR;
+          return (defaultProps === null || defaultProps === void 0 || (_defaultProps$optionR = defaultProps.optionRender) === null || _defaultProps$optionR === void 0 ? void 0 : _defaultProps$optionR.call(defaultProps, option, info)) || (selectOptionRender === null || selectOptionRender === void 0 ? void 0 : selectOptionRender(option, info)) || option.label;
+        }
       }, defaultProps, {
         // onChange返回参数：累加当前选中包括其他字段值的数据
         onChange: function onChange(value, Option) {
           return _onChange && _onChange(value, resetResultOption(Option));
         } // 数据为对象
-      }), defaultProps !== null && defaultProps !== void 0 && defaultProps.fieldNames ? null : (selectOptions || []).map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          value: val.value,
-          key: val.value || index,
-          title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
       }));
       break;
     case 'tree-select':

package/lib/FormComp/FieldComponent/style/TreeSelect.js

@@ -25,7 +25,8 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
       },
       '.refactor-tree-select-extra': {
         background: token.colorBgContainer,
-        height: token.controlHeight
+        height: token.controlHeight,
+        padding: "1px 22px 1px ".concat(token.paddingXS + 3, "px")
       }
     }), '.tree-select-viewonly-list', {
       border: "1px solid ".concat(new _tinycolor.TinyColor(token.colorSplit).setAlpha(0.6).toRgbString()),

package/lib/FormComp/FieldComponent/style/index.less

@@ -43,7 +43,7 @@
     bottom: 0;
     //height: @input-height-base;
     z-index: 1;
-    padding: 1px 22px 1px 8px;
+    //padding: 1px 22px 1px 8px;
     line-height: 30px;
     overflow: hidden;
     text-overflow: ellipsis;

package/lib/FormComp/RenderItemGroup/index.js

@@ -209,11 +209,11 @@ var RenderItemGroup = function RenderItemGroup(props) {
       customRender = item.customRender,
       filedName = item.filedName; // 当前可传参的配置值
     if (layout === "horizontal" || layout === "vertical") {
-      return /*#__PURE__*/_react.default.createElement(_antd.Col, {
+      return /*#__PURE__*/_react.default.createElement(_antd.Col, _extends({
         key: index,
         span: item.colSpan || setColSpan(item.display, size, columnCount),
         style: item.style
-      }, /*#__PURE__*/_react.default.createElement(FormItem, _extends({
+      }, item.protoCol), /*#__PURE__*/_react.default.createElement(FormItem, _extends({
         name: type !== 'custom' && filedName,
         className: (0, _classnames.default)(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
         label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
@@ -259,10 +259,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
         }, function (FormInstance) {
           var _item$protoConfig;
           // isHide 返回为true则隐藏当前控件
-          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/_react.default.createElement(_antd.Col, {
+          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/_react.default.createElement(_antd.Col, _extends({
             span: item.colSpan || 24,
             style: item.style
-          }, type === 'title' ? /*#__PURE__*/_react.default.createElement("h3", _extends({}, item.protoConfig, {
+          }, item.protoCol), type === 'title' ? /*#__PURE__*/_react.default.createElement("h3", _extends({}, item.protoConfig, {
             className: "modalPanelTitle ".concat((item === null || item === void 0 || (_item$protoConfig = item.protoConfig) === null || _item$protoConfig === void 0 ? void 0 : _item$protoConfig.className) || '')
           }), label) : label) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, null);
         });

package/lib/StandardContent/ContentHeader.d.ts

@@ -3,7 +3,9 @@ export interface ContentHeaderProps {
     title?: string | React.ReactNode;
     breadcrumb?: object | any;
     componentName?: string;
+    prefix?: React.ReactNode;
     extra?: React.ReactNode;
+    goBack?: (breadcrumbItems?: any, breadcrumb?: any) => void;
     fixed?: Boolean;
     [key: string]: any;
 }

package/lib/StandardContent/ContentHeader.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Header = _interopRequireDefault(require("./styles/Header"));
+var _index = _interopRequireDefault(require("../SpecIcon/index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -43,7 +44,9 @@ var ContentHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className = props.className,
     title = props.title,
     getClientHeight = props.getClientHeight,
-    extra = props.extra;
+    extra = props.extra,
+    prefix = props.prefix,
+    goBack = props.goBack;
   var componentName = 'spec-content-header';
   var _useStyle = (0, _Header.default)(componentName),
     _useStyle2 = _slicedToArray(_useStyle, 2),
@@ -58,6 +61,11 @@ var ContentHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     clientHeight = _useState6[0],
     setClientHeight = _useState6[1];
   var headerRef = (0, _react.useRef)(null);
+  var handleGoBack = function handleGoBack() {
+    if (goBack) {
+      goBack(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.items, breadcrumb);
+    }
+  };
   (0, _react.useEffect)(function () {
     if (title || breadcrumb) {
       setVisible(true);
@@ -99,9 +107,23 @@ var ContentHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: headerRef
   }, breadcrumb && breadcrumb !== null && breadcrumb !== void 0 && (_breadcrumb$items = breadcrumb.items) !== null && _breadcrumb$items !== void 0 && _breadcrumb$items.length ? /*#__PURE__*/_react.default.createElement("div", {
     className: componentName + '-breadcrumb'
-  }, /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb, breadcrumb || {})) : null, title || extra ? /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb, breadcrumb || {})) : null, title || extra || prefix || goBack ? /*#__PURE__*/_react.default.createElement("div", {
     className: componentName + '-title'
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
+  }, goBack && /*#__PURE__*/_react.default.createElement("div", {
+    className: componentName + '-title-goBack',
+    onClick: function onClick() {
+      return handleGoBack();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: 'small',
+    type: 'default',
+    icon: /*#__PURE__*/_react.default.createElement(_index.default, {
+      noPrefix: true,
+      name: 'speci-redo'
+    })
+  })), prefix && /*#__PURE__*/_react.default.createElement("div", {
+    className: componentName + '-title-prefix'
+  }, " ", prefix), title && /*#__PURE__*/_react.default.createElement("div", {
     className: componentName + '-title-name'
   }, " ", title), extra && /*#__PURE__*/_react.default.createElement("div", {
     className: componentName + '-title-extra'

package/lib/StandardContent/styles/Header.js

@@ -37,6 +37,14 @@ var SubfieldContentStyleFunc = function SubfieldContentStyleFunc(prefix) {
         display: 'flex',
         alignItems: 'center'
       },
+      '.spec-content-header-title-goBack + .spec-content-header-title-prefix ': {
+        marginLeft: token.marginXS
+      },
+      '.spec-content-header-title-prefix, .spec-content-header-title-goBack': {
+        '& + .spec-content-header-title-name': {
+          marginLeft: token.marginXS
+        }
+      },
       '.spec-content-header-title-name': {
         fontSize: token.fontSizeLG,
         fontWeight: 'bold',

package/lib/StandardForm/index.js

@@ -146,6 +146,9 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     };
     if (Array.isArray(actionGroup) && actionGroup.length === 0) return null;
     if (actionGroup) return groupNode();
+    if (fieldStatus === 'disabled' || fieldStatus === 'viewOnly') {
+      return null;
+    }
     return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       className: "standardForm-actions",
       style: {
@@ -176,12 +179,14 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, _extends({
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
-    displayLayout: displayLayout
-    // doUpdateFormFields={() => forceUpdateForm()}
-    ,
+    displayLayout: displayLayout,
+    doUpdateFormFields: function doUpdateFormFields() {
+      return forceUpdateForm();
+    },
     size: gridSize,
     layout: layout,
-    fieldStatus: fieldStatus
+    fieldStatus: fieldStatus,
+    form: initForm
   }, itemGroupConfig)) : null, renderActionGroup()), postfix));
 });
 var _default = exports.default = StandardForm;

package/lib/StandardForm/style/index.js

@@ -45,6 +45,11 @@ var StandardFormStyleFunc = function StandardFormStyleFunc(prefix) {
         }
       }
     }), '.spec-standard-form', {
+      '&.standard-form-vertical': {
+        '.standardForm-actions': {
+          marginTop: "".concat(token.margin, "px")
+        }
+      },
       '.stepForm-content': {
         margin: "".concat(token.margin, "px 0px"),
         '&.stepForm-content-vertical': {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fan-standard-comp",
-  "version": "4.0.8",
+  "version": "4.0.9",
   "description": "FZ standard-comp,basic of antd5.0 and custom component.",
   "main": "lib/index.js",
   "module": "es/index.js",