antd-management-fast-framework 1.1.74 → 1.2.5

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

@@ -11,14 +11,18 @@ require("antd/es/back-top/style");
 
 var _backTop = _interopRequireDefault(require("antd/es/back-top"));
 
-require("antd/es/space/style");
-
-var _space = _interopRequireDefault(require("antd/es/space"));
-
 require("antd/es/card/style");
 
 var _card = _interopRequireDefault(require("antd/es/card"));
 
+require("antd/es/empty/style");
+
+var _empty = _interopRequireDefault(require("antd/es/empty"));
+
+require("antd/es/spin/style");
+
+var _spin = _interopRequireDefault(require("antd/es/spin"));
+
 require("antd/es/list/style");
 
 var _list = _interopRequireDefault(require("antd/es/list"));
@@ -27,6 +31,10 @@ require("antd/es/tooltip/style");
 
 var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
 require("antd/es/divider/style");
 
 var _divider = _interopRequireDefault(require("antd/es/divider"));
@@ -63,7 +71,7 @@ require("antd/es/form/style");
 
 var _form = _interopRequireDefault(require("antd/es/form"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _icons = require("@ant-design/icons");
 
@@ -83,7 +91,7 @@ var _FunctionComponent = require("../../../customComponents/FunctionComponent");
 
 var _DecorateAvatar = require("../../../customComponents/DecorateAvatar");
 
-var _StandardTableCustom = require("../../../customComponents/StandardTableCustom");
+var _StandardTableCustom = _interopRequireDefault(require("../../../customComponents/StandardTableCustom"));
 
 var _AuthorizationWrapper2 = _interopRequireDefault(require("../../AuthorizationWrapper"));
 
@@ -95,6 +103,10 @@ var _BatchAction = _interopRequireDefault(require("../BatchAction"));
 
 var _index = _interopRequireDefault(require("./index.less"));
 
+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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -196,7 +208,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     };
 
     _this.setSearchFormFieldsValue = function (v) {
-      var form = _this.getSearchForm();
+      var form = _this.getSearchCard();
 
       if (form != null) {
         form.setFieldsValue(v);
@@ -213,6 +225,10 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     };
 
     _this.getColumnWrapper = function () {
+      var text = 'getColumnWrapper 需要重载实现';
+      (0, _tools.showRuntimeError)({
+        message: text
+      });
       return [];
     };
 
@@ -545,17 +561,17 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       return columns;
     };
 
-    _this.handleFormReset = function () {// 需要继承重载
+    _this.handleSearchReset = function () {// 需要继承重载
     };
 
-    _this.handleFormOtherReset = function () {};
+    _this.handleAdditionalSearchReset = function () {};
 
     _this.handleSearch = function () {
       if (_this.checkWorkDoing()) {
         return;
       }
 
-      var form = _this.getSearchForm();
+      var form = _this.getSearchCard();
 
       var validateFields = form.validateFields;
       validateFields().then(function (fieldsValue) {
@@ -597,11 +613,11 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       });
     };
 
-    _this.getSearchForm = function () {
+    _this.getSearchCard = function () {
       return _this.formRef.current;
     };
 
-    _this.buildSearchFormContent = function (config) {
+    _this.buildSearchCardContent = function (config) {
       if ((config || null) == null) {
         return null;
       }
@@ -624,11 +640,11 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_row["default"], {
         gutter: 24
       }, listData.map(function (item, index) {
-        return _this.buildSearchFormContentItem(item, index);
+        return _this.buildSearchCardContentItem(item, index);
       })), otherComponent);
     };
 
-    _this.buildSearchFormContentItem = function (contentItem, contentIndex) {
+    _this.buildSearchCardContentItem = function (contentItem, contentIndex) {
       var contentItemKey = "searchFormContent_key_".concat(contentIndex);
 
       var _lg$md$sm$xs$type$ico = _objectSpread(_objectSpread({}, {
@@ -672,27 +688,27 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
         md: md,
         sm: sm,
         xs: xs
-      }, type === _constants.searchFormContentConfig.contentItemType.input ? _this.renderSearchInput(fieldData.label, fieldData.name, showHelper ? fieldData.helper : '', icon || /*#__PURE__*/_react["default"].createElement(_icons.FormOutlined, null), _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {})) : null, type === _constants.searchFormContentConfig.contentItemType.inputNumber ? _this.renderSearchInputNumber(fieldData.label, fieldData.name, fieldData.helper, _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {})) : null, type === _constants.searchFormContentConfig.contentItemType.datePicker ? _this.renderFormDatePicker(fieldData.label, fieldData.name, false, fieldData.helper, _objectSpread(_objectSpread({}, {}), otherProps || {})) : null, type === _constants.searchFormContentConfig.contentItemType.customRangePicker ? _this.renderSimpleFormRangePickerCore(contentItem.dateRangeFieldName, _objectSpread(_objectSpread({}, {}), otherProps || {})) : null, type === _constants.searchFormContentConfig.contentItemType.onlyShowInput ? _this.renderFormOnlyShowInput(fieldData.label, contentItem.value, fieldData.helper || '', contentItem.icon || /*#__PURE__*/_react["default"].createElement(_icons.FormOutlined, null), _objectSpread(_objectSpread(_objectSpread({}, {}), contentItem.otherProps || {}), {
+      }, type === _constants.searchCardConfig.contentItemType.input ? _this.renderSearchInput(fieldData.label, fieldData.name, showHelper ? fieldData.helper : '', icon || /*#__PURE__*/_react["default"].createElement(_icons.FormOutlined, null), _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {})) : null, type === _constants.searchCardConfig.contentItemType.inputNumber ? _this.renderSearchInputNumber(fieldData.label, fieldData.name, fieldData.helper, _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {})) : null, type === _constants.searchCardConfig.contentItemType.datePicker ? _this.renderFormDatePicker(fieldData.label, fieldData.name, false, fieldData.helper, _objectSpread(_objectSpread({}, {}), otherProps || {})) : null, type === _constants.searchCardConfig.contentItemType.customRangePicker ? _this.buildSearchCardRangePickerCore(contentItem.dateRangeFieldName, _objectSpread(_objectSpread({}, {}), otherProps || {})) : null, type === _constants.searchCardConfig.contentItemType.onlyShowInput ? _this.renderFormOnlyShowInput(fieldData.label, contentItem.value, fieldData.helper || '', contentItem.icon || /*#__PURE__*/_react["default"].createElement(_icons.FormOutlined, null), _objectSpread(_objectSpread(_objectSpread({}, {}), contentItem.otherProps || {}), {
         disabled: true
-      })) : null, type === _constants.searchFormContentConfig.contentItemType.customSelect ? contentItem.component : null, type === _constants.searchFormContentConfig.contentItemType.customRadio ? contentItem.component : null, type === _constants.searchFormContentConfig.contentItemType.innerComponent ? _this.renderFormInnerComponent(fieldData.label, component, fieldData.helper, null, false) : null, type === _constants.searchFormContentConfig.contentItemType.component ? component || null : null);
+      })) : null, type === _constants.searchCardConfig.contentItemType.customSelect ? contentItem.component : null, type === _constants.searchCardConfig.contentItemType.customRadio ? contentItem.component : null, type === _constants.searchCardConfig.contentItemType.innerComponent ? _this.renderFormInnerComponent(fieldData.label, component, fieldData.helper, null, false) : null, type === _constants.searchCardConfig.contentItemType.component ? component || null : null);
     };
 
-    _this.searchFormContentConfigData = function () {
+    _this.establishSearchCardConfig = function () {
       var dateRangeFieldName = _this.state.dateRangeFieldName;
       return {
         list: [{
           lg: 10,
-          type: _constants.searchFormContentConfig.contentItemType.customRangePicker,
+          type: _constants.searchCardConfig.contentItemType.customRangePicker,
           dateRangeFieldName: dateRangeFieldName
         }, {
           lg: 6,
-          type: _constants.searchFormContentConfig.contentItemType.component,
-          component: _this.renderSimpleFormButtonCore()
+          type: _constants.searchCardConfig.contentItemType.component,
+          component: _this.buildSearchCardButtonCore()
         }]
       };
     };
 
-    _this.renderSimpleFormButtonCore = function () {
+    _this.buildSearchCardButtonCore = function () {
       var _this$state = _this.state,
           dataLoading = _this$state.dataLoading,
           reloading = _this$state.reloading,
@@ -711,20 +727,20 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
           marginLeft: 8
         },
         onClick: function onClick() {
-          _this.handleFormReset();
+          _this.handleSearchReset();
         }
       }, reloading ? /*#__PURE__*/_react["default"].createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react["default"].createElement(_icons.ReloadOutlined, null), "\u91CD\u7F6E"));
     };
 
-    _this.renderSimpleFormButton = function () {
+    _this.buildSearchCardButton = function () {
       var ColMd = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 6;
       return /*#__PURE__*/_react["default"].createElement(_col["default"], {
         md: ColMd,
         sm: 24
-      }, _this.renderSimpleFormButtonCore());
+      }, _this.buildSearchCardButtonCore());
     };
 
-    _this.renderSimpleFormRangePickerCore = function (dateRangeFieldName) {
+    _this.buildSearchCardRangePickerCore = function (dateRangeFieldName) {
       var rangePickerProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var _this$state2 = _this.state,
           startTime = _this$state2.startTime,
@@ -763,7 +779,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       }, /*#__PURE__*/_react["default"].createElement(RangePicker, p));
     };
 
-    _this.renderSimpleFormRangePicker = function (dateRangeFieldName) {
+    _this.buildSearchCardRangePicker = function (dateRangeFieldName) {
       var colLg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
       var rangePickerProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       return /*#__PURE__*/_react["default"].createElement(_col["default"], {
@@ -771,25 +787,25 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
         md: 12,
         sm: 24,
         xs: 24
-      }, _this.renderSimpleFormRangePickerCore(dateRangeFieldName, rangePickerProps));
+      }, _this.buildSearchCardRangePickerCore(dateRangeFieldName, rangePickerProps));
     };
 
-    _this.renderSimpleFormRow = function () {
-      var searchFormContentConfigData = _this.searchFormContentConfigData();
+    _this.buildSearchCardRow = function () {
+      var config = _this.establishSearchCardConfig();
 
-      if ((searchFormContentConfigData || null) == null) {
+      if ((config || null) == null) {
         return null;
       }
 
-      return _this.buildSearchFormContent(searchFormContentConfigData);
+      return _this.buildSearchCardContent(config);
     };
 
-    _this.renderSimpleFormInitialValues = function () {
+    _this.fillSearchCardInitialValues = function () {
       return {};
     };
 
-    _this.renderSimpleForm = function () {
-      var el = _this.renderSimpleFormRow();
+    _this.buildSearchCard = function () {
+      var el = _this.buildSearchCardRow();
 
       if ((el || null) == null) {
         return null;
@@ -797,14 +813,14 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
 
       return /*#__PURE__*/_react["default"].createElement(_form["default"], {
         ref: _this.formRef,
-        initialValues: _this.renderSimpleFormInitialValues(),
+        initialValues: _this.fillSearchCardInitialValues(),
         onSubmit: _this.handleSearch,
         layout: "horizontal"
       }, el);
     };
 
     _this.renderForm = function () {
-      return _this.renderSimpleForm();
+      return _this.buildSearchCard();
     };
 
     _this.buildTableOtherConfig = function () {
@@ -812,7 +828,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       return {};
     };
 
-    _this.buildTableExpandableConfig = function () {
+    _this.establishTableExpandableConfig = function () {
       // 可以配置额外的Table属性
       return {};
     };
@@ -834,7 +850,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
 
       var columns = _this.getColumnMerged();
 
-      var expandable = _this.buildTableExpandableConfig();
+      var expandable = _this.establishTableExpandableConfig();
 
       return _objectSpread(_objectSpread({}, _this.buildTableOtherConfig()), {}, {
         columns: columns,
@@ -928,91 +944,99 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       }));
     };
 
-    _this.buildExtraButtonList = function () {
+    _this.establishDataContainerExtraActionCollectionConfig = function () {
       return [];
     };
 
-    _this.renderExtraButtonList = function () {
-      var list = _this.buildExtraButtonList();
+    _this.buildDataContainerExtraActionCollection = function () {
+      var configList = _this.establishDataContainerExtraActionCollectionConfig();
 
-      if (!(0, _tools.isArray)(list)) {
+      if (!(0, _tools.isArray)(configList)) {
         return [];
       }
 
-      var buttons = [];
-      list.forEach(function (o) {
-        if ((0, _tools.isObject)(o)) {
-          var _key$type$size$text$i = _objectSpread(_objectSpread({}, {
-            key: (0, _tools.getGuid)(),
-            type: 'primary',
-            size: null,
-            text: null,
-            icon: null,
-            onClick: null,
-            disabled: false,
+      var components = [];
+      configList.forEach(function (item, index) {
+        if ((item || null) != null) {
+          var _buildType$hidden$ico = _objectSpread(_objectSpread({}, {
+            buildType: _constants.listViewConfig.dataContainerExtraActionBuildType.button,
             hidden: false,
-            confirm: false
-          }), o || {}),
-              key = _key$type$size$text$i.key,
-              type = _key$type$size$text$i.type,
-              size = _key$type$size$text$i.size,
-              icon = _key$type$size$text$i.icon,
-              text = _key$type$size$text$i.text,
-              onClick = _key$type$size$text$i.onClick,
-              disabled = _key$type$size$text$i.disabled,
-              hidden = _key$type$size$text$i.hidden,
-              confirm = _key$type$size$text$i.confirm;
-
-          if ((0, _tools.stringIsNullOrWhiteSpace)(icon) && (0, _tools.stringIsNullOrWhiteSpace)(text)) {
-            (0, _tools.recordObject)(list);
-            throw new Error('buildExtraButtonList: text or icon not allow both null or empty,the list show in console, please check it.');
+            icon: null,
+            text: '',
+            component: null
+          }), item),
+              hidden = _buildType$hidden$ico.hidden,
+              itemBuildType = _buildType$hidden$ico.buildType,
+              itemIcon = _buildType$hidden$ico.icon,
+              itemText = _buildType$hidden$ico.text,
+              itemComponent = _buildType$hidden$ico.component;
+
+          var itemHidden = hidden;
+
+          if (!hidden && itemBuildType === _constants.listViewConfig.dataContainerExtraActionBuildType.component && (itemComponent || null) == null) {
+            itemHidden = true;
           }
 
-          var button = _this.renderGeneralButton({
-            key: key || (0, _tools.getGuid)(),
-            type: type || 'primary',
-            size: size || null,
-            icon: icon || null,
-            text: text || null,
-            onClick: onClick || null,
-            disabled: disabled || false,
-            hidden: hidden || false,
-            confirm: confirm || false
-          });
+          if (!itemHidden) {
+            var itemKey = "listView_dataContainerExtraAction_key_".concat(index);
+            var itemAdjust = item;
+
+            switch (itemBuildType) {
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.generalButton:
+                itemAdjust = _this.renderGeneralButton(item);
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.button:
+                itemAdjust = (0, _FunctionComponent.buildButton)(item);
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.dropdown:
+                itemAdjust = (0, _FunctionComponent.buildDropdown)(item);
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.dropdownButton:
+                itemAdjust = (0, _FunctionComponent.buildDropdownButton)(item);
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.dropdownEllipsis:
+                itemAdjust = (0, _FunctionComponent.buildDropdownEllipsis)(item);
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.iconInfo:
+                itemAdjust = /*#__PURE__*/_react["default"].createElement(_IconInfo["default"], {
+                  icon: itemIcon,
+                  text: itemText
+                });
+                break;
+
+              case _constants.listViewConfig.dataContainerExtraActionBuildType.component:
+                itemAdjust = itemComponent || null;
+                break;
+
+              default:
+                itemAdjust = item;
+                break;
+            }
 
-          if (button != null) {
-            buttons.push(button);
+            components.push( /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+              key: itemKey
+            }, itemAdjust));
           }
         }
       });
-      return buttons;
+      return components;
     };
 
-    _this.renderExtraAction = function () {
-      var buttonList = _this.renderExtraButtonList();
-
-      if ((0, _tools.isArray)(buttonList) && buttonList.length > 0) {
-        var list = [];
-        buttonList.forEach(function (eo, ei) {
-          list.push(eo);
-
-          if (ei !== buttonList.length - 1) {
-            list.push('');
-          }
-        });
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, list.map(function (item, index) {
-          var key = "extraAction_button_".concat(index);
-
-          if ((0, _tools.stringIsNullOrWhiteSpace)(item)) {
-            return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-              key: key,
-              type: "vertical"
-            });
-          }
+    _this.renderExtraActionView = function () {
+      var actions = _this.buildDataContainerExtraActionCollection();
 
-          return /*#__PURE__*/_react["default"].createElement("span", {
-            key: key
-          }, item);
+      if ((0, _tools.isArray)(actions) && actions.length > 0) {
+        return /*#__PURE__*/_react["default"].createElement(_space["default"], {
+          split: /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+            type: "vertical"
+          })
+        }, actions.map(function (item) {
+          return item;
         }));
       }
 
@@ -1096,18 +1120,38 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       });
     };
 
-    _this.pageHeaderActionExtraGroup = function () {
+    _this.establishViewDataSource = function () {
+      var text = 'establishViewDataSource 需要重载实现用来构建列表数据源';
+      (0, _tools.showRuntimeError)({
+        message: text
+      });
+      return null;
+    };
+
+    _this.establishCardCollectionViewItemConfig = function (record) {
+      var text = 'establishCardCollectionViewItemConfig 需要重载实现';
+      (0, _tools.showRuntimeError)({
+        message: text
+      });
+      return null;
+    };
+
+    _this.establishViewPaginationConfig = function () {
+      return null;
+    };
+
+    _this.establishPageHeaderActionExtraGroupConfig = function () {
       return null;
     };
 
-    _this.pageHeaderActionExtraEllipsis = function () {
+    _this.establishPageHeaderActionExtraEllipsisConfig = function () {
       return null;
     };
 
-    _this.pageHeaderAction = function () {
-      var buttonGroupData = _this.pageHeaderActionExtraGroup();
+    _this.buildPageHeaderAction = function () {
+      var buttonGroupData = _this.establishPageHeaderActionExtraGroupConfig();
 
-      var ellipsisActionData = _this.pageHeaderActionExtraEllipsis();
+      var ellipsisActionData = _this.establishPageHeaderActionExtraEllipsisConfig();
 
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].buttonBox
@@ -1116,89 +1160,117 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       }), (ellipsisActionData || null) == null ? null : (0, _FunctionComponent.buildDropdownEllipsis)(ellipsisActionData)));
     };
 
-    _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.establishPageHeaderContentGridCollectionConfig = function () {
       return [];
     };
 
-    _this.pageHeaderContentGridConfig = function () {
+    _this.establishPageHeaderContentGridConfig = function () {
       return {
         type: _constants.pageHeaderRenderType.descriptionGrid,
-        list: _this.pageHeaderContentGridData()
+        list: _this.establishPageHeaderContentGridCollectionConfig()
       };
     };
 
-    _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.paragraph,
-        list: _this.pageHeaderContentActionData()
+        list: _this.establishPageHeaderContentActionCollectionConfig()
       };
     };
 
-    _this.pageHeaderContentData = function () {
+    _this.establishPageHeaderContentConfig = function () {
       return {
-        list: [_this.pageHeaderContentGridConfig(), _this.pageHeaderContentParagraphConfig(), _this.pageHeaderContentActionConfig()]
+        list: [_this.establishPageHeaderContentGridConfig(), _this.establishPageHeaderContentParagraphConfig(), _this.establishPageHeaderContentActionConfig()]
       };
     };
 
     _this.renderPageHeaderContent = function () {
-      return (0, _FunctionComponent.pageHeaderContent)(_this.pageHeaderContentData() || {});
+      return (0, _FunctionComponent.buildPageHeaderContent)(_this.establishPageHeaderContentConfig() || {});
     };
 
-    _this.pageHeaderExtraContentData = function () {
+    _this.establishPageHeaderExtraContentConfig = function () {
       return null;
     };
 
     _this.renderPageHeaderExtraContent = function () {
-      return (0, _FunctionComponent.pageHeaderExtraContent)(_this.pageHeaderExtraContentData());
+      return (0, _FunctionComponent.pageHeaderExtraContent)(_this.establishPageHeaderExtraContentConfig());
     };
 
     _this.renderCardExtraAction = function () {
       var _this$state4 = _this.state,
+          listViewMode = _this$state4.listViewMode,
           tableSize = _this$state4.tableSize,
           refreshing = _this$state4.refreshing;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DensityAction["default"], {
-        tableSize: tableSize,
-        setTableSize: function setTableSize(key) {
-          _this.setTableSize(key);
-        }
-      }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+
+      if (listViewMode === _constants.listViewConfig.viewMode.table) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DensityAction["default"], {
+          tableSize: tableSize,
+          setTableSize: function setTableSize(key) {
+            _this.setTableSize(key);
+          }
+        }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          title: "\u5237\u65B0\u672C\u9875"
+        }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+          shape: "circle",
+          style: {
+            color: '#000',
+            border: 0
+          },
+          loading: refreshing,
+          icon: /*#__PURE__*/_react["default"].createElement(_icons.ReloadOutlined, null),
+          onClick: function onClick() {
+            _this.refreshData();
+          }
+        })), /*#__PURE__*/_react["default"].createElement(_ColumnSetting["default"], {
+          columns: _this.getColumn(),
+          columnsMap: _this.getColumnsMap(),
+          setColumnsMap: function setColumnsMap(e) {
+            _this.setColumnsMap(e);
+          },
+          setSortKeyColumns: function setSortKeyColumns(key) {
+            _this.setSortKeyColumns(key);
+          }
+        }));
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
         title: "\u5237\u65B0\u672C\u9875"
       }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
         shape: "circle",
@@ -1211,16 +1283,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
         onClick: function onClick() {
           _this.refreshData();
         }
-      })), /*#__PURE__*/_react["default"].createElement(_ColumnSetting["default"], {
-        columns: _this.getColumn(),
-        columnsMap: _this.getColumnsMap(),
-        setColumnsMap: function setColumnsMap(e) {
-          _this.setColumnsMap(e);
-        },
-        setSortKeyColumns: function setSortKeyColumns(key) {
-          _this.setSortKeyColumns(key);
-        }
-      }));
+      })));
     };
 
     _this.renderListViewItem = function (record, index) {
@@ -1231,6 +1294,10 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     };
 
     _this.renderListViewItemInner = function (record, index) {
+      var text = 'renderListViewItemInner 需要重载实现';
+      (0, _tools.showRuntimeError)({
+        message: text
+      });
       return null;
     };
 
@@ -1273,7 +1340,141 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     };
 
     _this.renderListView = function () {
-      var text = '需要重载实现renderListView';
+      var _this$state5 = _this.state,
+          dataLoading = _this$state5.dataLoading,
+          reloading = _this$state5.reloading,
+          processing = _this$state5.processing;
+      return /*#__PURE__*/_react["default"].createElement(_spin["default"], {
+        spinning: dataLoading || reloading || processing
+      }, /*#__PURE__*/_react["default"].createElement(_list["default"], {
+        itemLayout: _this.renderListViewItemLayout(),
+        size: _this.renderListViewSize(),
+        dataSource: _this.establishViewDataSource(),
+        pagination: _this.establishViewPaginationConfig() || false,
+        renderItem: function renderItem(item, index) {
+          return _this.renderListViewItem(item, index);
+        }
+      }));
+    };
+
+    _this.renderTableView = function () {
+      var _this$state6 = _this.state,
+          tableScroll = _this$state6.tableScroll,
+          showSelect = _this$state6.showSelect,
+          selectedDataTableDataRows = _this$state6.selectedDataTableDataRows,
+          dataLoading = _this$state6.dataLoading,
+          processing = _this$state6.processing;
+
+      var _this$buildTableConfi = _this.buildTableConfig(),
+          styleSet = _this$buildTableConfi.styleSet,
+          columns = _this$buildTableConfi.columns,
+          expandable = _this$buildTableConfi.expandable,
+          size = _this$buildTableConfi.size;
+
+      var paginationConfig = _this.establishViewPaginationConfig() || false;
+      var standardTableCustomOption = {
+        loading: dataLoading || processing,
+        showSelect: showSelect,
+        selectedRows: selectedDataTableDataRows,
+        columns: columns,
+        size: size || null,
+        onSelectRow: _this.handleSelectRows,
+        onChange: paginationConfig ? _this.handleStandardTableChange : null
+      };
+
+      if (paginationConfig) {
+        standardTableCustomOption.data = {
+          list: _this.establishViewDataSource(),
+          pagination: paginationConfig
+        };
+      } else {
+        standardTableCustomOption.data = _this.establishViewDataSource();
+        standardTableCustomOption.pagination = false;
+      }
+
+      if ((styleSet || null) != null) {
+        standardTableCustomOption.style = styleSet;
+      }
+
+      if ((tableScroll || null) != null) {
+        standardTableCustomOption.scroll = tableScroll;
+      }
+
+      standardTableCustomOption.expandable = _objectSpread(_objectSpread({}, {
+        rowExpandable: false,
+        expandedRowRender: null
+      }), expandable || {});
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: _index["default"].tableContainor
+      }, /*#__PURE__*/_react["default"].createElement(_StandardTableCustom["default"], standardTableCustomOption));
+    };
+
+    _this.renderCardCollectionView = function (_ref4) {
+      var list = _ref4.list;
+      var _this$state7 = _this.state,
+          dataLoading = _this$state7.dataLoading,
+          reloading = _this$state7.reloading,
+          processing = _this$state7.processing;
+      var listItem = (0, _tools.isArray)(list) ? list : [];
+      var itemCount = listItem.length;
+      return /*#__PURE__*/_react["default"].createElement(_spin["default"], {
+        spinning: dataLoading || reloading || processing
+      }, /*#__PURE__*/_react["default"].createElement(_space["default"], {
+        style: {
+          width: '100%'
+        },
+        direction: "vertical",
+        size: 24
+      }, itemCount > 0 ? listItem.map(function (o, index) {
+        return _this.buildCardCollectionItem({
+          config: _this.establishCardCollectionViewItemConfig(o),
+          key: index
+        });
+      }) : dataLoading || reloading ? /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          height: '130px'
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(_empty["default"], null)), _this.renderPaginationView());
+    };
+
+    _this.renderPaginationView = function () {
+      return null;
+    };
+
+    _this.renderView = function () {
+      var _this$state8 = _this.state,
+          showSelect = _this$state8.showSelect,
+          listViewMode = _this$state8.listViewMode;
+
+      if (listViewMode === _constants.listViewConfig.viewMode.table) {
+        return _this.renderTableView();
+      }
+
+      if (listViewMode === _constants.listViewConfig.viewMode.list) {
+        if (showSelect) {
+          var _text2 = 'MultiListView显示模式下不支持选择';
+          (0, _tools.showRuntimeError)({
+            message: _text2
+          });
+        }
+
+        return _this.renderListView();
+      }
+
+      if (listViewMode === _constants.listViewConfig.viewMode.cardCollectionView) {
+        if (showSelect) {
+          var _text3 = 'MultiListView显示模式下不支持选择';
+          (0, _tools.showRuntimeError)({
+            message: _text3
+          });
+        }
+
+        return _this.renderCardCollectionView({
+          list: _this.establishViewDataSource()
+        });
+      }
+
+      var text = '未知的显示模式';
       (0, _tools.showRuntimeError)({
         message: text
       });
@@ -1281,14 +1482,16 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     };
 
     _this.renderPageContent = function () {
-      var _this$state5 = _this.state,
-          listTitle = _this$state5.listTitle,
-          renderSearchForm = _this$state5.renderSearchForm;
+      var _this$state9 = _this.state,
+          listViewMode = _this$state9.listViewMode,
+          listTitle = _this$state9.listTitle,
+          renderSearchForm = _this$state9.renderSearchForm;
 
-      var extraAction = _this.renderExtraAction();
+      var extraAction = _this.renderExtraActionView();
 
       var searchForm = _this.renderForm();
 
+      var hasPagination = _this.renderPaginationView() != null;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _index["default"].containorBox
       }, /*#__PURE__*/_react["default"].createElement(_space["default"], {
@@ -1309,7 +1512,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
         },
         bodyStyle: {
           paddingTop: '0',
-          paddingBottom: 10
+          paddingBottom: hasPagination ? listViewMode === _constants.listViewConfig.viewMode.table ? 0 : listViewMode === _constants.listViewConfig.viewMode.list ? 20 : listViewMode === _constants.listViewConfig.viewMode.cardCollectionView ? 0 : 0 : listViewMode === _constants.listViewConfig.viewMode.table ? 0 : listViewMode === _constants.listViewConfig.viewMode.list ? 20 : listViewMode === _constants.listViewConfig.viewMode.cardCollectionView ? 20 : 20
         },
         bordered: false,
         className: _index["default"].containorTable,
@@ -1329,12 +1532,14 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     _this.columnsOtherConfig = [];
     var defaultState = (0, _tools.defaultListState)();
     _this.state = _objectSpread(_objectSpread(_objectSpread({}, _this.state), defaultState), {
+      showSelect: false,
       renderPageHeaderWrapper: true,
       listTitle: '检索结果',
       defaultAvatarIcon: /*#__PURE__*/_react["default"].createElement(_icons.PictureOutlined, null),
+      listViewMode: _constants.listViewConfig.viewMode.list,
       avatarImageLoadResult: _DecorateAvatar.avatarImageLoadResultCollection.wait,
       showPageHeaderAvatar: false,
-      tableSize: _StandardTableCustom.tableSizeConfig.middle,
+      tableSize: _constants.listViewConfig.tableSize.middle,
       counterSetColumnsOtherConfig: 0,
       renderSearchForm: true,
       showListViewItemActionSelect: false
@@ -1347,25 +1552,25 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     value: function render() {
       var _this2 = this;
 
-      var _this$state6 = this.state,
-          renderPageHeaderWrapper = _this$state6.renderPageHeaderWrapper,
-          showPageHeaderAvatar = _this$state6.showPageHeaderAvatar,
-          defaultAvatarIcon = _this$state6.defaultAvatarIcon,
-          dataLoading = _this$state6.dataLoading,
-          reloading = _this$state6.reloading,
-          avatarImageLoadResult = _this$state6.avatarImageLoadResult;
+      var _this$state10 = this.state,
+          renderPageHeaderWrapper = _this$state10.renderPageHeaderWrapper,
+          showPageHeaderAvatar = _this$state10.showPageHeaderAvatar,
+          defaultAvatarIcon = _this$state10.defaultAvatarIcon,
+          dataLoading = _this$state10.dataLoading,
+          reloading = _this$state10.reloading,
+          avatarImageLoadResult = _this$state10.avatarImageLoadResult;
       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;
 
       if (renderPageHeaderWrapper || false) {
         return /*#__PURE__*/_react["default"].createElement(_proLayout.PageHeaderWrapper, {
           avatar: avatarProps,
-          title: (0, _FunctionComponent.pageHeaderTitle)(this.getPageName(), this.pageHeaderTitlePrefix()),
-          subTitle: this.pageHeaderSubTitle(),
-          tags: (0, _FunctionComponent.pageHeaderTagWrapper)(this.pageHeaderTag()),
-          extra: this.pageHeaderAction(),
+          title: (0, _FunctionComponent.pageHeaderTitle)(this.getPageName(), this.establishPageHeaderTitlePrefix()),
+          subTitle: this.buildPageHeaderSubTitle(),
+          tags: (0, _FunctionComponent.buildPageHeaderTagWrapper)(this.establishPageHeaderTagConfig()),
+          extra: this.buildPageHeaderAction(),
           tabActiveKey: this.getTabActiveKey(),
           content: this.renderPageHeaderContent(),
           extraContent: this.renderPageHeaderExtraContent(),