antd-management-fast-framework 1.1.74 → 1.2.5

package/es/framework/DataSinglePageView/SinglePageDrawer/index.js

@@ -103,7 +103,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
 
     _this = _super.call(this, props);
     _this.loadDataAfterMount = false;
-    _this.needSetFormValueAfterLoad = false;
+    _this.resetDataAfterLoad = false;
     _this.reloadWhenShow = true;
 
     _this.doWorkWhenDidUpdate = function (preProps, preState, snapshot) {
@@ -161,7 +161,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
       _this.onClose();
     };
 
-    _this.buildWrapperTypeConfig = function () {
+    _this.establishWrapperTypeConfig = function () {
       return {
         mode: _constants.contentConfig.wrapperType.drawer
       };
@@ -176,26 +176,26 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           listViewMode = _this$state.listViewMode,
           renderSearchForm = _this$state.renderSearchForm;
 
-      var extraAction = _this.renderExtraAction();
+      var extraAction = _this.renderExtraActionView();
 
       var searchForm = _this.renderForm();
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].tableList,
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden'
         } : {}
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].containorBox,
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
       }, renderSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
       }, /*#__PURE__*/_react["default"].createElement(_card["default"], {
@@ -212,7 +212,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           backgroundColor: '#f0f2f5'
         }
       })) : null, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden'
         } : {}
@@ -226,7 +226,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         }, /*#__PURE__*/_react["default"].createElement(_tag["default"], {
           color: "gold"
         }, "\u5373\u5C06\u5237\u65B0")) : null))),
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
@@ -251,7 +251,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         className: _index["default"].containorTable,
         extra: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, extraAction, extraAction == null ? null : /*#__PURE__*/_react["default"].createElement(_divider["default"], {
           type: "vertical"
-        }), _this.renderBatchAction(), listViewMode === _constants.listViewModeCollection.table ? /*#__PURE__*/_react["default"].createElement(_DensityAction["default"], {
+        }), _this.renderBatchAction(), listViewMode === _constants.listViewConfig.viewMode.table ? /*#__PURE__*/_react["default"].createElement(_DensityAction["default"], {
           tableSize: tableSize,
           setTableSize: function setTableSize(key) {
             _this.setTableSize(key);
@@ -266,7 +266,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           onClick: function onClick() {
             _this.refreshData();
           }
-        })), listViewMode === _constants.listViewModeCollection.table ? /*#__PURE__*/_react["default"].createElement(_ColumnSetting["default"], {
+        })), listViewMode === _constants.listViewConfig.viewMode.table ? /*#__PURE__*/_react["default"].createElement(_ColumnSetting["default"], {
           columns: _this.getColumn(),
           columnsMap: _this.getColumnsMap(),
           setColumnsMap: function setColumnsMap(e) {
@@ -277,18 +277,18 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           }
         }) : null)
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
       }, _this.renderAboveTable()), /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden',
           paddingTop: 5
@@ -302,7 +302,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           renderSearchForm = _this$state2.renderSearchForm;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].contentContainor,
-        style: _objectSpread(_objectSpread(_objectSpread({}, listViewMode === _constants.listViewModeCollection.list ? {
+        style: _objectSpread(_objectSpread(_objectSpread({}, listViewMode === _constants.listViewConfig.viewMode.list ? {
           paddingBottom: 0,
           height: '100%',
           overflow: 'hidden'
@@ -320,7 +320,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
       var listViewMode = _this.state.listViewMode;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].mainContainor,
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden'
         } : {}
@@ -329,54 +329,48 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
 
     _this.renderListView = function () {
       var _this$state3 = _this.state,
-          metaOriginalData = _this$state3.metaOriginalData,
           dataLoading = _this$state3.dataLoading,
           listViewMode = _this$state3.listViewMode;
 
-      var _ref = metaOriginalData || {
-        list: [],
-        pagination: {}
-      },
-          list = _ref.list;
+      var list = _this.establishViewDataSource();
 
       var bottomBar = _this.renderListViewBottomBar();
 
       return /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden'
         } : {}
       }, /*#__PURE__*/_react["default"].createElement(_list["default"], {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'auto'
         } : {},
         loading: dataLoading,
         itemLayout: _this.renderListViewItemLayout(),
-        dataSource: list // pagination={pagination}
-        ,
+        dataSource: list,
         renderItem: function renderItem(item, index) {
           return _this.renderListViewItem(item, index);
         }
       })), (bottomBar || null) == null ? null : /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           height: '100%',
           display: 'flex',
           justifyContent: 'space-between'
         } : {}
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: listViewMode === _constants.listViewModeCollection.list ? {
+        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 'auto'
         } : {}
       }), bottomBar)));
@@ -403,7 +397,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
     _this.state = _objectSpread(_objectSpread({}, s), {
       visible: false,
       reloadAnimalShow: false,
-      listViewMode: _constants.listViewModeCollection.table,
+      listViewMode: _constants.listViewConfig.viewMode.table,
       showListViewItemActionSelect: true
     });
     return _this;
@@ -428,7 +422,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         bodyStyle: {
           padding: 0
         }
-      }, listViewMode === _constants.listViewModeCollection.list ? /*#__PURE__*/_react["default"].createElement("div", {
+      }, listViewMode === _constants.listViewConfig.viewMode.list ? /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           height: 'calc(100vh - 55px)'
         }

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

@@ -8,11 +8,9 @@ declare class DataCore extends BaseView {
     afterSetFieldsValue: (v: any) => void;
     getTargetForm: () => any;
     pageHeaderLogo: () => JSX.Element;
-    buildPageHeaderActionExtraGroup: () => null;
-    pageHeaderActionExtraGroup: () => null;
-    buildPageHeaderActionExtraEllipsis: () => null;
-    pageHeaderActionExtraEllipsis: () => null;
-    pageHeaderActionBack: () => JSX.Element | null;
+    establishPageHeaderActionExtraGroupConfig: () => null;
+    establishPageHeaderActionExtraEllipsisConfig: () => null;
+    buildPageHeaderActionBack: () => JSX.Element | null;
     pageHeaderAction: () => JSX.Element;
     buildFormLayout: () => string;
     getFormClassName: () => null;
@@ -21,7 +19,7 @@ declare class DataCore extends BaseView {
     renderMainTitle: () => JSX.Element;
     renderFormWrapper: () => JSX.Element;
     renderForm: () => JSX.Element;
-    formContentConfigData: () => null;
+    establishCardCollectionConfig: () => null;
     formContent: () => any;
     render(): JSX.Element;
 }

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

@@ -118,23 +118,15 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
       });
     };
 
-    _this.buildPageHeaderActionExtraGroup = function () {
+    _this.establishPageHeaderActionExtraGroupConfig = function () {
       return null;
     };
 
-    _this.pageHeaderActionExtraGroup = function () {
-      return _this.buildPageHeaderActionExtraGroup();
-    };
-
-    _this.buildPageHeaderActionExtraEllipsis = function () {
+    _this.establishPageHeaderActionExtraEllipsisConfig = function () {
       return null;
     };
 
-    _this.pageHeaderActionExtraEllipsis = function () {
-      return _this.buildPageHeaderActionExtraEllipsis();
-    };
-
-    _this.pageHeaderActionBack = function () {
+    _this.buildPageHeaderActionBack = function () {
       var backPath = _this.state.backPath;
 
       if (!_this.enableActionBack) {
@@ -167,11 +159,11 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
           refreshing = _this$state.refreshing,
           showReloadButton = _this$state.showReloadButton;
 
-      var buttonGroupData = _this.pageHeaderActionExtraGroup();
+      var actionExtraGroupConfig = _this.establishPageHeaderActionExtraGroupConfig();
 
-      var ellipsisActionData = _this.pageHeaderActionExtraEllipsis();
+      var actionExtraEllipsisConfig = _this.establishPageHeaderActionExtraEllipsisConfig();
 
-      return /*#__PURE__*/_react["default"].createElement(_space["default"], null, (buttonGroupData || null) != null ? (0, _FunctionComponent.buildButtonGroup)(buttonGroupData) : null, (ellipsisActionData || null) != null ? (0, _FunctionComponent.buildDropdownEllipsis)(ellipsisActionData) : null, _this.pageHeaderActionBack(), showReloadButton ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_space["default"], null, (actionExtraGroupConfig || null) != null ? (0, _FunctionComponent.buildButtonGroup)(actionExtraGroupConfig) : null, (actionExtraEllipsisConfig || null) != null ? (0, _FunctionComponent.buildDropdownEllipsis)(actionExtraEllipsisConfig) : null, _this.buildPageHeaderActionBack(), showReloadButton ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
         placement: "top",
         title: "\u5237\u65B0"
       }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -223,7 +215,7 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
         metaOriginalData: metaOriginalData
       });
 
-      var otherFormProps = _this.buildOtherFormProps();
+      var otherFormProps = _this.buildFormAdditionalConfig();
 
       return /*#__PURE__*/_react["default"].createElement(_form["default"], _extends({
         ref: _this.formRef,
@@ -233,12 +225,12 @@ var DataCore = /*#__PURE__*/function (_BaseView) {
       }, otherFormProps), _this.formContent());
     };
 
-    _this.formContentConfigData = function () {
+    _this.establishCardCollectionConfig = function () {
       return null;
     };
 
     _this.formContent = function () {
-      return _this.buildFormContent(_this.formContentConfigData());
+      return _this.buildCardCollection(_this.establishCardCollectionConfig());
     };
 
     return _this;

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

@@ -36,7 +36,7 @@ declare class DataLoad extends DataCore {
         metaExtra?: null | undefined;
         metaOriginalData?: null | undefined;
     }) => void;
-    fillForm: ({ metaData, metaListData, metaExtra, metaOriginalData, }: {
+    fillData: ({ metaData, metaListData, metaExtra, metaOriginalData, }: {
         metaData?: null | undefined;
         metaListData?: any[] | undefined;
         metaExtra?: null | undefined;

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

@@ -78,7 +78,7 @@ var DataLoad = /*#__PURE__*/function (_DataCore) {
           metaExtra = _ref.metaExtra,
           metaOriginalData = _ref.metaOriginalData;
 
-      _this.fillForm({
+      _this.fillData({
         metaData: metaData,
         metaListData: metaListData,
         metaExtra: metaExtra,
@@ -104,7 +104,7 @@ var DataLoad = /*#__PURE__*/function (_DataCore) {
           metaOriginalData = _ref2$metaOriginalDat === void 0 ? null : _ref2$metaOriginalDat;
     };
 
-    _this.fillForm = function (_ref3) {
+    _this.fillData = function (_ref3) {
       var _ref3$metaData = _ref3.metaData,
           metaData = _ref3$metaData === void 0 ? null : _ref3$metaData,
           _ref3$metaListData = _ref3.metaListData,

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

@@ -5,33 +5,33 @@ declare class DataTabContainer extends DataSingleView {
     adjustTabListAvailable: (tabListAvailable: any) => any;
     getTabActiveKey: () => any;
     onPageHeaderAvatarLoadErrorCallback: () => void;
-    pageHeaderTagList: () => never[];
-    pageHeaderTag: () => JSX.Element | null;
-    pageHeaderAvatar: () => null;
-    pageHeaderTitlePrefix: () => string;
-    pageHeaderSubTitle: () => null;
-    pageHeaderContentGridData: () => never[];
-    pageHeaderContentGridConfig: () => {
+    establishPageHeaderTagCollectionConfig: () => never[];
+    establishPageHeaderTagConfig: () => JSX.Element | null;
+    establishPageHeaderAvatarConfig: () => null;
+    establishPageHeaderTitlePrefix: () => string;
+    buildPageHeaderSubTitle: () => null;
+    establishPageHeaderContentGridConfig: () => never[];
+    establishPageHeaderContentCollectionGridConfig: () => {
         type: string;
         list: never[];
     };
-    pageHeaderContentParagraphData: () => never[];
-    pageHeaderContentParagraphConfig: () => {
+    establishPageHeaderContentParagraphCollectionConfig: () => never[];
+    establishPageHeaderContentParagraphConfig: () => {
         type: string;
         list: never[];
     };
-    pageHeaderContentActionData: () => never[];
-    pageHeaderContentActionConfig: () => {
+    establishPageHeaderContentActionCollectionConfig: () => never[];
+    establishPageHeaderContentActionConfig: () => {
         type: string;
         list: never[];
     };
-    pageHeaderContentData: () => {
+    establishPageHeaderContentConfig: () => {
         list: {
             type: string;
             list: never[];
         }[];
     };
-    pageHeaderExtraContentData: () => null;
+    establishPageHeaderExtraContentConfig: () => null;
     getTabListAvailable: () => any;
     buildOtherTabProps: () => {
         type: string;

package/es/framework/DataTabContainer/index.js

@@ -66,7 +66,7 @@ var DataTabContainer = /*#__PURE__*/function (_DataSingleView) {
     _classCallCheck(this, DataTabContainer);
 
     _this = _super.call(this, props);
-    _this.needSetFormValueAfterLoad = false;
+    _this.resetDataAfterLoad = false;
     _this.tabList = [];
 
     _this.doWorkWhenDidUpdate = function (preProps, preState, snapshot) {
@@ -112,7 +112,7 @@ var DataTabContainer = /*#__PURE__*/function (_DataSingleView) {
       return pathname.replace(/\//g, '-').replace("".concat(match.url.replace(/\//g, '-'), "-"), '').replace(/-/g, '/');
     };
 
-    _this.fillFormInitialValuesAfterLoad = function (_ref) {
+    _this.fillInitialValuesAfterLoad = function (_ref) {
       var _ref$metaData = _ref.metaData,
           metaData = _ref$metaData === void 0 ? null : _ref$metaData,
           _ref$metaListData = _ref.metaListData,
@@ -130,68 +130,68 @@ var DataTabContainer = /*#__PURE__*/function (_DataSingleView) {
       });
     };
 
-    _this.pageHeaderTagList = function () {
+    _this.establishPageHeaderTagCollectionConfig = function () {
       return [];
     };
 
-    _this.pageHeaderTag = function () {
+    _this.establishPageHeaderTagConfig = function () {
       return (0, _FunctionComponent.buildTagList)({
-        list: _this.pageHeaderTagList()
+        list: _this.establishPageHeaderTagCollectionConfig()
       });
     };
 
-    _this.pageHeaderAvatar = function () {
+    _this.establishPageHeaderAvatarConfig = function () {
       return null;
     };
 
-    _this.pageHeaderTitlePrefix = function () {
+    _this.establishPageHeaderTitlePrefix = function () {
       return '';
     };
 
-    _this.pageHeaderSubTitle = function () {
+    _this.buildPageHeaderSubTitle = function () {
       return null;
     };
 
-    _this.pageHeaderContentGridData = function () {
+    _this.establishPageHeaderContentGridConfig = function () {
       return [];
     };
 
-    _this.pageHeaderContentGridConfig = function () {
+    _this.establishPageHeaderContentCollectionGridConfig = function () {
       return {
         type: _constants.pageHeaderRenderType.descriptionGrid,
-        list: _this.pageHeaderContentGridData()
+        list: _this.establishPageHeaderContentGridConfig()
       };
     };
 
-    _this.pageHeaderContentParagraphData = function () {
+    _this.establishPageHeaderContentParagraphCollectionConfig = function () {
       return [];
     };
 
-    _this.pageHeaderContentParagraphConfig = function () {
+    _this.establishPageHeaderContentParagraphConfig = function () {
       return {
         type: _constants.pageHeaderRenderType.paragraph,
-        list: _this.pageHeaderContentParagraphData()
+        list: _this.establishPageHeaderContentParagraphCollectionConfig()
       };
     };
 
-    _this.pageHeaderContentActionData = function () {
+    _this.establishPageHeaderContentActionCollectionConfig = function () {
       return [];
     };
 
-    _this.pageHeaderContentActionConfig = function () {
+    _this.establishPageHeaderContentActionConfig = function () {
       return {
         type: _constants.pageHeaderRenderType.action,
-        list: _this.pageHeaderContentActionData()
+        list: _this.establishPageHeaderContentActionCollectionConfig()
       };
     };
 
-    _this.pageHeaderContentData = function () {
+    _this.establishPageHeaderContentConfig = function () {
       return {
-        list: [_this.pageHeaderContentGridConfig(), _this.pageHeaderContentParagraphConfig(), _this.pageHeaderContentActionConfig()]
+        list: [_this.establishPageHeaderContentCollectionGridConfig(), _this.establishPageHeaderContentParagraphConfig(), _this.establishPageHeaderContentActionConfig()]
       };
     };
 
-    _this.pageHeaderExtraContentData = function () {
+    _this.establishPageHeaderExtraContentConfig = function () {
       return null;
     };
 
@@ -253,22 +253,22 @@ var DataTabContainer = /*#__PURE__*/function (_DataSingleView) {
       var children = this.props.children;
       var customTabActiveKey = this.state.customTabActiveKey;
       var tabListAvailable = this.getTabListAvailable();
-      var avatarProps = showPageHeaderAvatar ? (0, _DecorateAvatar.decorateAvatar)(this.pageHeaderAvatar(), defaultAvatarIcon, showPageHeaderAvatar, dataLoading, reloading, avatarImageLoadResult, function () {
+      var avatarProps = showPageHeaderAvatar ? (0, _DecorateAvatar.decorateAvatar)(this.establishPageHeaderAvatarConfig(), defaultAvatarIcon, showPageHeaderAvatar, dataLoading, reloading, avatarImageLoadResult, function () {
         _this2.onPageHeaderAvatarLoadErrorCallback();
       }) : null;
-      var pageHeaderContentDataConfig = this.pageHeaderContentData();
+      var pageHeaderContentConfig = this.establishPageHeaderContentConfig();
 
       if (customTabActiveKey) {
         return /*#__PURE__*/_react["default"].createElement(_proLayout.PageHeaderWrapper, {
           className: _index["default"].customContainor,
           avatar: avatarProps,
-          title: (0, _FunctionComponent.pageHeaderTitle)(this.getPageName(), this.pageHeaderTitlePrefix()),
-          subTitle: this.pageHeaderSubTitle(),
-          tags: (0, _FunctionComponent.pageHeaderTagWrapper)(this.pageHeaderTag()),
+          title: (0, _FunctionComponent.pageHeaderTitle)(this.getPageName(), this.establishPageHeaderTitlePrefix()),
+          subTitle: this.buildPageHeaderSubTitle(),
+          tags: (0, _FunctionComponent.buildPageHeaderTagWrapper)(this.establishPageHeaderTagConfig()),
           extra: this.pageHeaderAction() // eslint-disable-next-line no-restricted-globals
           ,
           tabActiveKey: this.getTabActiveKey(),
-          content: (0, _FunctionComponent.pageHeaderContent)(pageHeaderContentDataConfig),
+          content: (0, _FunctionComponent.buildPageHeaderContent)(pageHeaderContentConfig),
           extraContent: (0, _FunctionComponent.pageHeaderExtraContent)(this.pageHeaderExtraContent()),
           tabList: tabListAvailable // tabBarExtraContent={<Button>Extra Action</Button>}
           ,
@@ -283,14 +283,14 @@ var DataTabContainer = /*#__PURE__*/function (_DataSingleView) {
       return /*#__PURE__*/_react["default"].createElement(_proLayout.PageHeaderWrapper, {
         className: _index["default"].customContainor,
         avatar: avatarProps,
-        title: (0, _FunctionComponent.pageHeaderTitle)(pageName, this.pageHeaderTitlePrefix()),
-        subTitle: this.pageHeaderSubTitle(),
-        tags: (0, _FunctionComponent.pageHeaderTagWrapper)(this.pageHeaderTag()),
+        title: (0, _FunctionComponent.pageHeaderTitle)(pageName, this.establishPageHeaderTitlePrefix()),
+        subTitle: this.buildPageHeaderSubTitle(),
+        tags: (0, _FunctionComponent.buildPageHeaderTagWrapper)(this.establishPageHeaderTagConfig()),
         extra: this.pageHeaderAction() // eslint-disable-next-line no-restricted-globals
         ,
         tabActiveKey: this.getTabActiveKey(),
-        content: (0, _FunctionComponent.pageHeaderContent)(pageHeaderContentDataConfig),
-        extraContent: (0, _FunctionComponent.pageHeaderExtraContent)(this.pageHeaderExtraContentData()),
+        content: (0, _FunctionComponent.buildPageHeaderContent)(pageHeaderContentConfig),
+        extraContent: (0, _FunctionComponent.pageHeaderExtraContent)(this.establishPageHeaderExtraContentConfig()),
         tabList: tabListAvailable // tabBarExtraContent={<Button>Extra Action</Button>}
         ,
         onTabChange: this.handleTabChange,

package/es/utils/constants.d.ts

@@ -93,10 +93,6 @@ export namespace datetimeFormat {
     const monthDayHourMinute: string;
     const monthDay: string;
 }
-export namespace listViewModeCollection {
-    const table: number;
-    const list: number;
-}
 export namespace selectModeCollection {
     const drawer: number;
     const modal: number;
@@ -130,29 +126,32 @@ export namespace pageHeaderRenderType {
     const paragraph: string;
     const action: string;
 }
-export namespace drawerConfig {
-    namespace bottomBarBuildType {
-        const close: string;
-        const refresh: string;
-        const save: string;
+export namespace listViewConfig {
+    namespace dataContainerExtraActionBuildType {
         const generalButton: string;
-        const iconInfo: string;
         const button: string;
+        const dropdown: string;
         const dropdownButton: string;
         const dropdownEllipsis: string;
-        const dropdown: string;
+        const iconInfo: string;
+        const component: string;
     }
-}
-export namespace formContentConfig {
-    namespace cardType {
-        const normal: string;
-        const help: string;
+    namespace viewMode {
+        const table: number;
+        const list: number;
+        const cardCollectionView: number;
     }
-    namespace cardExtraBuildType {
-        const refresh_1: string;
-        export { refresh_1 as refresh };
-        const save_1: string;
-        export { save_1 as save };
+    namespace tableSize {
+        const middle: string;
+        const small: string;
+        const large: string;
+    }
+}
+export namespace drawerConfig {
+    namespace bottomBarBuildType {
+        export const close: string;
+        export const refresh: string;
+        export const save: string;
         const generalButton_1: string;
         export { generalButton_1 as generalButton };
         const iconInfo_1: string;
@@ -165,7 +164,39 @@ export namespace formContentConfig {
         export { dropdownEllipsis_1 as dropdownEllipsis };
         const dropdown_1: string;
         export { dropdown_1 as dropdown };
-        export const component: string;
+        const component_1: string;
+        export { component_1 as component };
+    }
+}
+export namespace cardConfig {
+    namespace renderType {
+        const normal: string;
+        const help: string;
+    }
+    namespace animalType {
+        const none: string;
+        const fade: string;
+        const queue: string;
+    }
+    namespace extraBuildType {
+        const refresh_1: string;
+        export { refresh_1 as refresh };
+        const save_1: string;
+        export { save_1 as save };
+        const generalButton_2: string;
+        export { generalButton_2 as generalButton };
+        const iconInfo_2: string;
+        export { iconInfo_2 as iconInfo };
+        const button_2: string;
+        export { button_2 as button };
+        const dropdownButton_2: string;
+        export { dropdownButton_2 as dropdownButton };
+        const dropdownEllipsis_2: string;
+        export { dropdownEllipsis_2 as dropdownEllipsis };
+        const dropdown_2: string;
+        export { dropdown_2 as dropdown };
+        const component_2: string;
+        export { component_2 as component };
     }
     namespace contentItemType {
         const placeholder_1: string;
@@ -195,11 +226,11 @@ export namespace formContentConfig {
         export const innerComponent: string;
         const save_2: string;
         export { save_2 as save };
-        const button_2: string;
-        export { button_2 as button };
+        const button_3: string;
+        export { button_3 as button };
         export const actionList: string;
-        const component_1: string;
-        export { component_1 as component };
+        const component_3: string;
+        export { component_3 as component };
         export const nowTime: string;
         export const datePicker: string;
         export const jsonView: string;
@@ -209,7 +240,7 @@ export namespace formContentConfig {
         export { divider_1 as divider };
     }
 }
-export namespace searchFormContentConfig {
+export namespace searchCardConfig {
     export namespace contentItemType_1 {
         const input_1: string;
         export { input_1 as input };
@@ -223,8 +254,8 @@ export namespace searchFormContentConfig {
         export { onlyShowInput_1 as onlyShowInput };
         const innerComponent_1: string;
         export { innerComponent_1 as innerComponent };
-        const component_2: string;
-        export { component_2 as component };
+        const component_4: string;
+        export { component_4 as component };
         const datePicker_1: string;
         export { datePicker_1 as datePicker };
         export const customRangePicker: string;