antd-management-fast-framework 1.12.90 → 1.12.94

package/es/customComponents/FlexBox/index.d.ts

@@ -2,11 +2,12 @@ export default FlexBox;
 declare class FlexBox extends PureComponent<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
+    getDirection: () => "vertical" | "horizontal";
+    triggerClick: () => void;
     render(): JSX.Element;
 }
 declare namespace FlexBox {
     namespace defaultProps {
-        const direction: string;
         const flexAuto: string;
         const allowWrap: boolean;
         namespace vertical {

package/es/customComponents/FlexBox/index.js

@@ -17,6 +17,8 @@ var _col = _interopRequireDefault(require("antd/es/col"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _core = require("../../utils/core");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,15 +51,47 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var flexAutoCollection = ['left', 'right', 'top', 'bottom'];
+
 var FlexBox = /*#__PURE__*/function (_PureComponent) {
   _inherits(FlexBox, _PureComponent);
 
   var _super = _createSuper(FlexBox);
 
   function FlexBox() {
+    var _this;
+
     _classCallCheck(this, FlexBox);
 
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.getDirection = function () {
+      var flexAuto = _this.props.flexAuto;
+
+      if (!(0, _core.inCollection)(flexAutoCollection, flexAuto)) {
+        var text = 'flexAuto 只能配置为 left/right/top/bottom';
+        showErrorMessage({
+          message: text
+        });
+        return 'horizontal';
+      }
+
+      return (0, _core.inCollection)(['left', 'right'], flexAuto) ? 'horizontal' : (0, _core.inCollection)(['top', 'bottom'], flexAuto) ? 'vertical' : 'horizontal';
+    };
+
+    _this.triggerClick = function () {
+      var onClick = _this.props.onClick;
+
+      if (isFunction(onClick)) {
+        onClick();
+      }
+    };
+
+    return _this;
   }
 
   _createClass(FlexBox, [{
@@ -73,13 +107,8 @@ var FlexBox = /*#__PURE__*/function (_PureComponent) {
           rightStyle = _this$props.rightStyle,
           top = _this$props.top,
           bottom = _this$props.bottom,
-          directionSource = _this$props.direction,
           vertical = _this$props.vertical;
-      var direction = directionSource;
-
-      if (directionSource !== 'horizontal' && directionSource !== 'vertical') {
-        direction = 'horizontal';
-      }
+      var direction = this.getDirection();
 
       if (direction === 'horizontal') {
         var flexAuto = flexAutoSource === 'left' ? 'left' : 'right';
@@ -141,7 +170,6 @@ var FlexBox = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 FlexBox.defaultProps = {
-  direction: 'horizontal',
   flexAuto: 'left',
   allowWrap: false,
   vertical: {

package/es/customComponents/FunctionComponent/index.d.ts

@@ -292,9 +292,10 @@ export function buildFormOnlyShowText({ label, value, helper, formItemLayout, re
     formItemLayout?: {} | undefined;
     requiredForShow?: boolean | undefined;
 }): JSX.Element;
-export function buildSyntaxHighlighter({ language, value }: {
+export function buildSyntaxHighlighter({ language, value, other }: {
     language: any;
     value: any;
+    other?: {} | undefined;
 }): JSX.Element;
 export function buildJsonView({ value, theme }: {
     value: any;
@@ -315,13 +316,14 @@ export function buildFormButton({ config, formItemLayout }: {
     config: any;
     formItemLayout?: {} | undefined;
 }): JSX.Element;
-export function buildFormOnlyShowSyntaxHighlighter({ language, label, value, helper, formItemLayout, requiredForShow, }: {
+export function buildFormOnlyShowSyntaxHighlighter({ language, label, value, helper, formItemLayout, requiredForShow, otherProps, }: {
     language: any;
     label: any;
     value: any;
     helper?: null | undefined;
     formItemLayout?: {} | undefined;
     requiredForShow?: boolean | undefined;
+    otherProps?: {} | undefined;
 }): JSX.Element;
 export function buildFormOnlyShowTextarea({ label, value, helper, textAreaProps, formItemLayout, }: {
     label: any;

package/es/customComponents/FunctionComponent/index.js

@@ -157,15 +157,17 @@ var _form = _interopRequireDefault(require("antd/es/form"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _icons = require("@ant-design/icons");
-
 var _rcTexty = _interopRequireDefault(require("rc-texty"));
 
 var _reactJsonView = _interopRequireDefault(require("react-json-view"));
 
 var _reactPlayer = _interopRequireDefault(require("react-player"));
 
-var _reactSyntaxHighlighter = _interopRequireDefault(require("react-syntax-highlighter"));
+var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+
+var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
+
+var _icons = require("@ant-design/icons");
 
 var _constants = require("../../utils/constants");
 
@@ -2371,6 +2373,7 @@ function buildFormSwitch(_ref35) {
           message: (0, _tools.buildFieldDescription)(resultCheck.label)
         }]
       }), /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
+        flexAuto: "left",
         left: "\u662F\u5426\u5F00\u542F".concat(label, ":"),
         right: /*#__PURE__*/_react.default.createElement(_switch.default, otherSwitchProps)
       })),
@@ -2387,6 +2390,7 @@ function buildFormSwitch(_ref35) {
         message: (0, _tools.buildFieldDescription)(resultCheck.label)
       }]
     }), /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
+      flexAuto: "left",
       left: "\u662F\u5426\u5F00\u542F".concat(label, "\uFF1A"),
       right: /*#__PURE__*/_react.default.createElement(_switch.default, otherSwitchProps)
     })),
@@ -2474,28 +2478,19 @@ function buildFormOnlyShowText(_ref37) {
 
 function buildSyntaxHighlighter(_ref38) {
   var language = _ref38.language,
-      value = _ref38.value;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _tools.isObject)(value) ? /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.default, {
-    showLineNumbers: true,
-    wrapLines: true,
-    lineProps: {
-      style: {
-        paddingBottom: 8
-      }
-    },
-    language: language // style={docco}
-
-  }, language === 'javascript' ? JSON.stringify(value || {}, null, '    ') : value) : /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.default, {
-    showLineNumbers: true,
-    wrapLines: true,
-    lineProps: {
-      style: {
-        paddingBottom: 8
-      }
-    },
-    language: language // style={docco}
+      value = _ref38.value,
+      _ref38$other = _ref38.other,
+      other = _ref38$other === void 0 ? {} : _ref38$other;
+
+  var c = _objectSpread(_objectSpread({}, other || {}), {}, {
+    showLineNumbers: false,
+    wrapLines: false,
+    wrapLongLines: true,
+    language: language,
+    style: _prism.oneDark
+  });
 
-  }, language === 'javascript' ? JSON.stringify(JSON.parse(value || null), null, '    ') : value));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _tools.isObject)(value) ? /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.Prism, c, language === 'javascript' ? JSON.stringify(value || {}, null, '    ') : value) : /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.Prism, c, language === 'javascript' ? JSON.stringify(JSON.parse(value || null), null, '    ') : value));
 }
 
 function buildJsonView(_ref39) {
@@ -2581,12 +2576,15 @@ function buildFormOnlyShowSyntaxHighlighter(_ref43) {
       _ref43$formItemLayout = _ref43.formItemLayout,
       formItemLayout = _ref43$formItemLayout === void 0 ? {} : _ref43$formItemLayout,
       _ref43$requiredForSho = _ref43.requiredForShow,
-      requiredForShow = _ref43$requiredForSho === void 0 ? false : _ref43$requiredForSho;
+      requiredForShow = _ref43$requiredForSho === void 0 ? false : _ref43$requiredForSho,
+      _ref43$otherProps = _ref43.otherProps,
+      otherProps = _ref43$otherProps === void 0 ? {} : _ref43$otherProps;
   return buildFormInnerComponent({
     label: label,
     innerComponent: buildSyntaxHighlighter({
       language: language,
-      value: value
+      value: value,
+      other: otherProps || {}
     }),
     helper: helper,
     formItemLayout: formItemLayout,

package/es/customComponents/ImageBox/index.js

@@ -23,12 +23,12 @@ require("antd/es/col/style");
 
 var _col = _interopRequireDefault(require("antd/es/col"));
 
-var _icons = require("@ant-design/icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _icons = require("@ant-design/icons");
+
 var _CustomBase2 = _interopRequireDefault(require("../../framework/CustomBase"));
 
 var _constants = require("../../utils/constants");

package/es/customComponents/ImageUpload/index.js

@@ -333,6 +333,7 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
       })))), /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.toolBar
       }, /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
+        flexAuto: "left",
         left: /*#__PURE__*/_react.default.createElement(_IconInfo.default, {
           icon: icon,
           text: (0, _tools.stringIsNullOrWhiteSpace)(title) ? '' : title

package/es/customComponents/NumberInfo/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _constants = require("../../../utils/constants");
+var _constants = require("../../utils/constants");
 
 var _index = _interopRequireDefault(require("./index.less"));
 

package/es/framework/Base/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,8 +37,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -55,8 +55,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(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; }
 
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
 function filterModel(props) {
   var result = _objectSpread({}, props);
 
@@ -82,32 +80,7 @@ function filterModel(props) {
 
 
 function shallowEqual(a, b) {
-  // 调用Object.is判断是否相等，相同返回true，不同返回false
-  if (Object.is(a, b)) {
-    return true;
-  } // object.is比较发现不等，但并不代表真的不等，object对象还需要比较
-  // 这里判断是否是object，如果不是，那直接返回false
-
-
-  if (_typeof(a) !== 'object' || a === null || _typeof(b) !== 'object' || b === null) {
-    return false;
-  }
-
-  var keysA = Object.keys(a);
-  var keysB = Object.keys(b); // 比较对象中的keys长度，不等返回false
-
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // 比较对象中相同的key的val是否相等
-
-
-  for (var i = 0; i < keysA.length; i++) {
-    if (!hasOwnProperty.call(b, keysA[i]) || !Object.is(a[keysA[i]], b[keysA[i]])) {
-      return false;
-    }
-  }
-
-  return true;
+  return (0, _tools.isEqual)(a, b);
 }
 
 var Base = /*#__PURE__*/function (_Component) {

package/es/framework/Common/index.d.ts

@@ -100,12 +100,12 @@ declare class Common extends Core {
     renderFormSwitch: (label: any, name: any, required?: boolean, helper?: null, otherProps?: {}, canOperate?: boolean, formItemLayout?: {}, hidden?: boolean) => JSX.Element;
     renderFormPassword: (label: any, name: any, required?: boolean, helper?: null, icon?: JSX.Element, inputProps?: {}, canOperate?: boolean, formItemLayout?: {}) => JSX.Element;
     renderFormOnlyShowText: (label: any, value: any, helper?: null, formItemLayout?: {}, requiredForShow?: boolean) => JSX.Element;
-    renderSyntaxHighlighter: (language: any, value: any) => JSX.Element;
+    renderSyntaxHighlighter: (language: any, value: any, other?: {}) => JSX.Element;
     renderJsonView: (value: any, theme?: string) => JSX.Element;
     renderFormInnerComponent: (label: any, innerComponent: any, helper?: null, formItemLayout?: {}, requiredForShow?: boolean) => JSX.Element;
     renderFormButton: (config: any, formItemLayout?: {}) => JSX.Element;
     renderFormActionItem: (component: any, formItemLayout?: {}) => JSX.Element | null;
-    renderFormOnlyShowSyntaxHighlighter: (language: any, label: any, value: any, helper?: null, formItemLayout?: {}, requiredForShow?: boolean) => JSX.Element;
+    renderFormOnlyShowSyntaxHighlighter: (language: any, label: any, value: any, helper?: null, formItemLayout?: {}, requiredForShow?: boolean, otherProps?: {}) => JSX.Element;
     renderFormOnlyShowTextarea: (label: any, value: any, helper?: null, textAreaProps?: {
         disabled: boolean;
     }, formItemLayout?: {}) => JSX.Element;

package/es/framework/Common/index.js

@@ -789,9 +789,11 @@ var Common = /*#__PURE__*/function (_Core) {
     };
 
     _this.renderSyntaxHighlighter = function (language, value) {
+      var other = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       return (0, _FunctionComponent.buildSyntaxHighlighter)({
         language: language,
-        value: value
+        value: value,
+        other: other
       });
     };
 
@@ -836,13 +838,15 @@ var Common = /*#__PURE__*/function (_Core) {
       var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var formItemLayout = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
       var requiredForShow = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+      var otherProps = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
       return (0, _FunctionComponent.buildFormOnlyShowSyntaxHighlighter)({
         language: language,
         label: label,
         value: value,
         helper: helper,
         formItemLayout: formItemLayout,
-        requiredForShow: requiredForShow
+        requiredForShow: requiredForShow,
+        otherProps: otherProps
       });
     };
 
@@ -1469,7 +1473,7 @@ var Common = /*#__PURE__*/function (_Core) {
       }
 
       return /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
-        direction: "vertical",
+        flexAuto: "top",
         top: topArea,
         bottom: bottomArea
       });
@@ -2206,7 +2210,7 @@ var Common = /*#__PURE__*/function (_Core) {
         }, _this.buildByExtraBuildType({
           keyPrefix: "form_card_".concat(contentIndex, "_action_key"),
           configList: contentItem.config || []
-        })) : null, type === _constants.cardConfig.contentItemType.component ? contentItem.component || null : null, type === _constants.cardConfig.contentItemType.jsonView ? _this.renderJsonView(contentItem.value) : null, type === _constants.cardConfig.contentItemType.nowTime ? _this.renderFormNowTimeField({
+        })) : null, type === _constants.cardConfig.contentItemType.component ? contentItem.component || null : null, type === _constants.cardConfig.contentItemType.jsonView ? _this.renderJsonView(contentItem.value) : null, type === _constants.cardConfig.contentItemType.syntaxHighlighterView ? _this.renderFormOnlyShowSyntaxHighlighter(contentItem.language, fieldData.label, contentItem.value, fieldData.helper, formItemLayout, require, _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {})) : null, type === _constants.cardConfig.contentItemType.nowTime ? _this.renderFormNowTimeField({
           formItemLayout: formItemLayout
         }) : null);
       }) : null);

package/es/framework/DataForm/BaseAddForm/index.js

@@ -23,10 +23,10 @@ require("antd/es/message/style");
 
 var _message2 = _interopRequireDefault(require("antd/es/message"));
 
-var _proLayout = require("@ant-design/pro-layout");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _proLayout = require("@ant-design/pro-layout");
+
 var _DecorateAvatar = require("../../../customComponents/DecorateAvatar");
 
 var _FunctionComponent = require("../../../customComponents/FunctionComponent");
@@ -295,7 +295,6 @@ var BaseAddForm = /*#__PURE__*/function (_DataCore) {
       var avatarProps = showPageHeaderAvatar ? (0, _DecorateAvatar.decorateAvatar)(this.establishPageHeaderAvatarConfig(), defaultAvatarIcon, showPageHeaderAvatar, dataLoading, reloading, avatarImageLoadResult, function () {
         _this2.onPageHeaderAvatarLoadErrorCallback();
       }) : null;
-      var pageHeaderContentConfig = this.establishPageHeaderContentConfig();
       return /*#__PURE__*/_react.default.createElement(_proLayout.PageHeaderWrapper, {
         className: _index.default.customContainor,
         avatar: avatarProps,
@@ -303,7 +302,7 @@ var BaseAddForm = /*#__PURE__*/function (_DataCore) {
         subTitle: this.buildPageHeaderSubTitle(),
         tags: (0, _FunctionComponent.buildPageHeaderTagWrapper)(this.establishPageHeaderTagConfig()),
         extra: this.buildExtraAction(),
-        content: (0, _FunctionComponent.buildPageHeaderContent)(pageHeaderContentConfig),
+        content: this.renderPageHeaderContent(),
         extraContent: (0, _FunctionComponent.pageHeaderExtraContent)(this.establishPageHeaderExtraContentConfig()) // onBack={() => {
         //   this.backToList();
         // }}

package/es/framework/DataListView/Base/index.js

@@ -75,10 +75,10 @@ require("antd/es/layout/style");
 
 var _layout = _interopRequireDefault(require("antd/es/layout"));
 
-var _proLayout = require("@ant-design/pro-layout");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _proLayout = require("@ant-design/pro-layout");
+
 var _DecorateAvatar = require("../../../customComponents/DecorateAvatar");
 
 var _FlexBox = _interopRequireDefault(require("../../../customComponents/FlexBox"));
@@ -1027,6 +1027,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
 
       var bar = /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
         style: style,
+        flexAuto: "left",
         right: /*#__PURE__*/_react.default.createElement(_pagination.default, _extends({}, paginationConfig, {
           onChange: function onChange(page, size) {
             _this.handlePaginationChange(page, size);

package/es/framework/DataSingleView/DataCore/index.d.ts

@@ -48,6 +48,8 @@ declare class DataCore extends BaseView {
     renderFormWrapper: () => JSX.Element;
     renderForm: () => JSX.Element;
     establishCardCollectionConfig: () => null;
+    renderPageHeaderContent: () => JSX.Element | null;
+    renderPageHeaderExtraContent: () => JSX.Element | null;
     formContent: () => any;
     renderFurther(): JSX.Element;
 }

package/es/framework/DataSingleView/DataCore/index.js

@@ -27,10 +27,10 @@ require("antd/es/avatar/style");
 
 var _avatar = _interopRequireDefault(require("antd/es/avatar"));
 
-var _proLayout = require("@ant-design/pro-layout");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _proLayout = require("@ant-design/pro-layout");
+
 var _DecorateAvatar = require("../../../customComponents/DecorateAvatar");
 
 var _FunctionComponent = require("../../../customComponents/FunctionComponent");
@@ -268,6 +268,14 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
       return null;
     };
 
+    _this.renderPageHeaderContent = function () {
+      return (0, _FunctionComponent.buildPageHeaderContent)(_this.establishPageHeaderContentConfig() || {});
+    };
+
+    _this.renderPageHeaderExtraContent = function () {
+      return (0, _FunctionComponent.pageHeaderExtraContent)(_this.establishPageHeaderExtraContentConfig());
+    };
+
     _this.formContent = function () {
       return _this.buildCardCollection(_this.establishCardCollectionConfig());
     };
@@ -281,10 +289,26 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
   _createClass(DataCore, [{
     key: "renderFurther",
     value: function renderFurther() {
-      var pageName = this.state.pageName;
+      var _this2 = this;
+
+      var _this$state2 = this.state,
+          defaultAvatarIcon = _this$state2.defaultAvatarIcon,
+          showPageHeaderAvatar = _this$state2.showPageHeaderAvatar,
+          dataLoading = _this$state2.dataLoading,
+          reloading = _this$state2.reloading,
+          avatarImageLoadResult = _this$state2.avatarImageLoadResult;
+      var avatarProps = showPageHeaderAvatar ? (0, _DecorateAvatar.decorateAvatar)(this.establishPageHeaderAvatarConfig(), defaultAvatarIcon, showPageHeaderAvatar, dataLoading, reloading, avatarImageLoadResult, function () {
+        _this2.onPageHeaderAvatarLoadErrorCallback();
+      }) : null;
       return /*#__PURE__*/_react.default.createElement(_proLayout.PageHeaderWrapper, {
-        title: pageName,
-        logo: this.pageHeaderLogo()
+        logo: this.pageHeaderLogo(),
+        avatar: avatarProps,
+        title: (0, _FunctionComponent.buildPageHeaderTitle)(this.getPageName(), this.establishPageHeaderTitlePrefix()),
+        subTitle: this.buildPageHeaderSubTitle(),
+        tags: (0, _FunctionComponent.buildPageHeaderTagWrapper)(this.establishPageHeaderTagConfig()),
+        extra: this.buildExtraAction(),
+        content: this.renderPageHeaderContent(),
+        extraContent: this.renderPageHeaderExtraContent()
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.containorBox,
         style: {

package/es/utils/constants.d.ts

@@ -290,6 +290,7 @@ export namespace cardConfig {
         export const datePicker: string;
         export const timePicker: string;
         export const jsonView: string;
+        export const syntaxHighlighterView: string;
         export const flexText: string;
         export const onlyShowTextByFlexText: string;
         const divider_1: string;

package/es/utils/constants.js

@@ -7,10 +7,10 @@ exports.dropdownExpandItemType = exports.drawerConfig = exports.defaultUserAvata
 exports.empty = empty;
 exports.zeroString = exports.zeroInt = exports.whetherString = exports.whetherNumber = exports.unlimitedWithStringFlag = exports.unlimitedWithNumberFlag = exports.tabBarCollection = exports.sortOperate = exports.selectModeCollection = exports.searchCardConfig = exports.pageHeaderRenderType = exports.notificationTypeCollection = exports.mobileTypeCollection = exports.messageTypeCollection = exports.logShowMode = exports.logLevel = exports.listViewConfig = exports.imageContentPreviewMode = exports.iconCollection = exports.iconBuilder = exports.formatCollection = exports.formNameCollection = exports.extraBuildType = exports.emptyLogo = exports.emptyDatetime = void 0;
 
-var _icons = require("@ant-design/icons");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _icons = require("@ant-design/icons");
+
 var _mediaDefault = require("./mediaDefault");
 
 var _iconCollection, _iconBuilder;
@@ -613,6 +613,11 @@ var cardConfig = _objectSpread(_objectSpread({}, contentConfig), {}, {
      */
     jsonView: 'jsonView',
 
+    /**
+     * json可视化展示
+     */
+    syntaxHighlighterView: 'syntaxHighlighterView',
+
     /**
      * flex类型文字
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-management-fast-framework",
-  "version": "1.12.90",
+  "version": "1.12.94",
   "description": "antd-management-fast-framework",
   "keywords": [
     "antd-management-fast-framework"
@@ -142,6 +142,7 @@
     "@types/react": "^18.0.14",
     "@types/react-document-title": "^2.0.5",
     "@types/react-helmet": "^6.1.5",
+    "@types/react-syntax-highlighter": "^15.5.2",
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@umijs/fabric": "^2.12.0",
@@ -176,15 +177,12 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-unicorn": "^42.0.0",
     "express": "^4.18.1",
     "father-build": "^1.22.3",
     "gh-pages": "^4.0.0",
     "husky": "^8.0.1",
-    "import-sort-cli": "^6.0.0",
-    "import-sort-parser-babylon": "^6.0.0",
-    "import-sort-parser-typescript": "^6.0.0",
-    "import-sort-style-module": "^6.0.0",
     "inquirer": "^8.2.4",
     "jest-puppeteer": "^6.1.0",
     "jsdom": "^20.0.0",
@@ -221,7 +219,7 @@
     "src/framework",
     "src/utils"
   ],
-  "gitHead": "002d41a8383a0a427d80e5110c2f2342b3560211",
+  "gitHead": "866fcc0f7f7ac540714d8623a38d20716d89fb6a",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }