antd-management-fast-framework 1.11.21 → 1.11.34

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

@@ -76,6 +76,8 @@ export function buildMenu({ handleData: r, handleMenuClick, menuItems, }: {
     handleMenuClick?: (() => void) | undefined;
     menuItems?: any[] | undefined;
 }): JSX.Element;
+export function buildTree(props: any): JSX.Element;
+export function buildAlert(props: any): JSX.Element;
 export function buildCustomGrid({ key, list, props }: {
     key?: any;
     list: any;

package/es/customComponents/FunctionComponent/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.adjustTableExpandConfig = adjustTableExpandConfig;
+exports.buildAlert = buildAlert;
 exports.buildButton = buildButton;
 exports.buildButtonGroup = buildButtonGroup;
 exports.buildColorText = buildColorText;
@@ -54,6 +55,7 @@ exports.buildSearchInput = buildSearchInput;
 exports.buildSearchInputNumber = buildSearchInputNumber;
 exports.buildSyntaxHighlighter = buildSyntaxHighlighter;
 exports.buildTagList = buildTagList;
+exports.buildTree = buildTree;
 exports.empty = empty;
 exports.pageHeaderExtraContent = pageHeaderExtraContent;
 
@@ -89,6 +91,14 @@ require("antd/es/col/style");
 
 var _col = _interopRequireDefault(require("antd/es/col"));
 
+require("antd/es/alert/style");
+
+var _alert = _interopRequireDefault(require("antd/es/alert"));
+
+require("antd/es/tree/style");
+
+var _tree = _interopRequireDefault(require("antd/es/tree"));
+
 require("antd/es/menu/style");
 
 var _menu = _interopRequireDefault(require("antd/es/menu"));
@@ -915,6 +925,14 @@ function buildMenu(_ref5) {
   }));
 }
 
+function buildTree(props) {
+  return /*#__PURE__*/_react.default.createElement(_tree.default, props);
+}
+
+function buildAlert(props) {
+  return /*#__PURE__*/_react.default.createElement(_alert.default, props);
+}
+
 function buildCustomGrid(_ref7) {
   var _ref7$key = _ref7.key,
       key = _ref7$key === void 0 ? null : _ref7$key,
@@ -941,7 +959,8 @@ function buildCustomGrid(_ref7) {
       emptyStyle: null,
       bordered: false,
       colon: true,
-      size: null
+      size: null,
+      ellipsis: true
     }), props || {}),
         title = _title$column$labelSt.title,
         columnSource = _title$column$labelSt.column,
@@ -951,7 +970,8 @@ function buildCustomGrid(_ref7) {
         globalEmptyStyle = _title$column$labelSt.emptyStyle,
         borderedSource = _title$column$labelSt.bordered,
         colonSource = _title$column$labelSt.colon,
-        sizeSource = _title$column$labelSt.size;
+        sizeSource = _title$column$labelSt.size,
+        ellipsis = _title$column$labelSt.ellipsis;
 
     if (!(0, _tools.isNumber)(columnSource)) {
       column = 3;
@@ -989,11 +1009,13 @@ function buildCustomGrid(_ref7) {
       borderTop: '1px solid #f0f0f0',
       borderLeft: '1px solid #f0f0f0'
     } : null;
-    var labelStyle = bordered ? _objectSpread(_objectSpread(_objectSpread({}, {
+
+    var labelStyle = _objectSpread(_objectSpread(_objectSpread({}, {
       width: '180px'
-    }), labelStyleSource || {}), {
+    }), labelStyleSource || {}), bordered ? {
       margin: margin
-    }) : {};
+    } : {});
+
     var contentStyle = bordered ? _objectSpread(_objectSpread(_objectSpread({}, {
       margin: '16px 24px'
     }), contentStyleSource || {}), {
@@ -1071,15 +1093,16 @@ function buildCustomGrid(_ref7) {
           borderRight: '1px solid #f0f0f0'
         } : {}),
         right: /*#__PURE__*/_react.default.createElement("div", {
-          style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contentStyle), isEmpty ? globalEmptyStyle || {} : {}), isEmpty ? itemEmptyStyle || {} : {}), {
+          style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contentStyle), isEmpty ? globalEmptyStyle || {} : {}), isEmpty ? itemEmptyStyle || {} : {}), {
             WebkitBoxOrient: 'vertical',
-            WebkitLineClamp: '1',
             overflow: 'hidden',
             display: '-webkit-box',
             textOverflow: 'ellipsis',
             wordBreak: 'break-all',
             whiteSpace: 'normal'
-          })
+          }), ellipsis ? {
+            WebkitLineClamp: '1'
+          } : {})
         }, v, itemCanCopy && (itemCanCopy || null) != null ? /*#__PURE__*/_react.default.createElement("a", {
           style: {
             marginLeft: '10px'
@@ -1296,7 +1319,11 @@ function buildMenuHeaderRender(_ref10) {
       collapsed = _ref10.collapsed,
       navTheme = _ref10.navTheme,
       shortName = _ref10.shortName;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
     flexAuto: "right",
     left: logoDom,
     right: collapsed ? null : /*#__PURE__*/_react.default.createElement(_VerticalBox.default, {
@@ -1305,21 +1332,20 @@ function buildMenuHeaderRender(_ref10) {
       style: {
         height: '100%'
       }
-    }, /*#__PURE__*/_react.default.createElement(Title, {
-      level: 1,
+    }, /*#__PURE__*/_react.default.createElement("div", {
       style: _objectSpread(_objectSpread({}, {
         margin: ' 0 0 0 12px',
         fontSize: '20px',
         color: 'white',
         fontWeight: '600',
-        lineHeight: '32px'
+        lineHeight: '32px',
+        overflow: 'hidden',
+        height: '100%',
+        whiteSpace: 'nowrap'
       }), navTheme === 'light' ? {
         color: '#000000d9'
       } : {})
-    }, /*#__PURE__*/_react.default.createElement(_rcTexty.default, {
-      type: "alpha",
-      mode: "smooth"
-    }, shortName || '应用简称')))
+    }, shortName || '应用简称'))
   }));
 }
 
@@ -2910,6 +2936,15 @@ function buildColumnItem(_ref49) {
         }));
       }
 
+      if (facadeMode === _constants.columnFacadeMode.dropdown) {
+        if (!(0, _tools.isFunction)(d.configBuilder)) {
+          return null;
+        }
+
+        var operateConfig = d.configBuilder(value, record, index);
+        return buildDropdown(operateConfig);
+      }
+
       throw new Error("\u65E0\u6548\u7684\u6E32\u67D3\u6A21\u5F0F\uFF1A".concat(facadeMode));
     };
   }

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

@@ -8,4 +8,10 @@ declare class HtmlBox extends React.PureComponent<any, any, any> {
     renderToHtml: () => void;
     main: HTMLSpanElement | null | undefined;
 }
+declare namespace HtmlBox {
+    export namespace defaultProps {
+        export const useEmpty: boolean;
+        export const html: string;
+    }
+}
 import React from "react";

package/es/customComponents/HtmlBox/index.js

@@ -7,16 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("antd/es/empty/style");
+
+var _empty = _interopRequireDefault(require("antd/es/empty"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _index = _interopRequireDefault(require("./index.less"));
+var _tools = require("../../utils/tools");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -57,10 +63,10 @@ var HtmlBox = /*#__PURE__*/function (_PureComponent) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderToHtml = function () {
-      var children = _this.props.children;
+      var html = _this.props.html;
 
       if (_this.main) {
-        _this.main.innerHTML = children;
+        _this.main.innerHTML = html;
       }
     };
 
@@ -82,6 +88,16 @@ var HtmlBox = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
+      var _this$props = this.props,
+          useEmpty = _this$props.useEmpty,
+          html = _this$props.html;
+
+      if (!!useEmpty && (0, _tools.stringIsNullOrWhiteSpace)(html)) {
+        return /*#__PURE__*/_react.default.createElement(_empty.default, {
+          image: _empty.default.PRESENTED_IMAGE_SIMPLE
+        });
+      }
+
       return /*#__PURE__*/_react.default.createElement("span", {
         className: _index.default.richTextBox,
         ref: function ref(_ref) {
@@ -94,5 +110,9 @@ var HtmlBox = /*#__PURE__*/function (_PureComponent) {
   return HtmlBox;
 }(_react.PureComponent);
 
+HtmlBox.defaultProps = {
+  useEmpty: true,
+  html: ''
+};
 var _default = HtmlBox;
 exports.default = _default;

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

@@ -3,7 +3,6 @@ declare class AuthorizationWrapper extends SupplementWrapper {
     componentAuthority: any;
     doDidMountTask: () => void;
     checkAuthority: (auth: any) => boolean;
-    checkAuthorities: (auth: any) => any;
     getCurrentOperator: () => any;
     reloadCurrentOperator: (callback?: any) => void;
 }

package/es/framework/AuthorizationWrapper/index.js

@@ -83,10 +83,6 @@ var AuthorizationWrapper = /*#__PURE__*/function (_SupplementWrapper) {
       return (0, _authority.checkHasAuthority)(auth);
     };
 
-    _this.checkAuthorities = function (auth) {
-      return (0, _authority.checkHasAuthorities)(auth);
-    };
-
     _this.getCurrentOperator = function () {
       var currentOperator = _this.props.global.currentOperator;
       return currentOperator;

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

@@ -8,6 +8,7 @@ declare class Common extends Core {
         payload: {};
     };
     checkNeedUpdate: (preProps: any, preState: any, snapshot: any) => boolean;
+    getGlobal: () => any;
     getApiData: (props: any) => {
         metaOriginalData: {
             dataSuccess: boolean;

package/es/framework/Common/index.js

@@ -79,6 +79,8 @@ var _QueueBox = _interopRequireDefault(require("../../customComponents/AnimalBox
 
 var _ColorText = _interopRequireDefault(require("../../customComponents/ColorText"));
 
+var _HtmlBox = _interopRequireDefault(require("../../customComponents/HtmlBox"));
+
 var _FunctionComponent = require("../../customComponents/FunctionComponent");
 
 var _Whether = require("../../customComponents/FunctionSupplement/Whether");
@@ -148,6 +150,20 @@ var Common = /*#__PURE__*/function (_Core) {
       return false;
     };
 
+    _this.getGlobal = function () {
+      var global = _this.props.global;
+
+      if ((global || null) == null) {
+        var text = 'global is null, function getGlobal need override. ';
+        (0, _tools.showRuntimeError)({
+          message: text
+        });
+        throw new Error(text);
+      }
+
+      return global;
+    };
+
     _this.getApiData = function (props) {
       var text = 'getApiData 方法需要重载实现';
       (0, _tools.showRuntimeError)({
@@ -1626,6 +1642,52 @@ var Common = /*#__PURE__*/function (_Core) {
           }, /*#__PURE__*/_react.default.createElement(_divider.default, _objectSpread(_objectSpread({}, {}), contentItem.otherProps || {}), (0, _tools.stringIsNullOrWhiteSpace)(contentItem.text || '') ? null : contentItem.text));
         }
 
+        if (type === _constants.cardConfig.contentItemType.customGrid) {
+          return /*#__PURE__*/_react.default.createElement(_col.default, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, (0, _FunctionComponent.buildCustomGrid)({
+            list: (0, _tools.isArray)(contentItem.list) ? contentItem.list : [],
+            props: _objectSpread(_objectSpread({}, {
+              bordered: true,
+              column: 3,
+              emptyStyle: {
+                color: '#cccccc'
+              },
+              emptyValue: '暂无',
+              labelStyle: {
+                width: '100px'
+              }
+            }), contentItem.props || {})
+          }));
+        }
+
+        if (type === _constants.cardConfig.contentItemType.tree) {
+          return /*#__PURE__*/_react.default.createElement(_col.default, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, (0, _FunctionComponent.buildTree)(contentItem));
+        }
+
+        if (type === _constants.cardConfig.contentItemType.html) {
+          return /*#__PURE__*/_react.default.createElement(_col.default, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, /*#__PURE__*/_react.default.createElement(_HtmlBox.default, {
+            useEmpty: (contentItem.useEmpty || null) == null ? true : contentItem.useEmpty || false,
+            html: contentItem.html || ''
+          }));
+        }
+
         if (type === _constants.cardConfig.contentItemType.imageUpload) {
           var uploadProps = _objectSpread(_objectSpread({}, {
             image: contentItem.image || '',

package/es/framework/DataListView/Base/index.d.ts

@@ -9,6 +9,7 @@ declare class ListBase extends AuthorizationWrapper {
      * 使用前台模拟分页，有助于优化长列表页面交互操作导致的延迟
      */
     useFrontendPagination: boolean;
+    showSearchForm: boolean;
     affixPaginationBar: boolean;
     formRef: React.RefObject<any>;
     pageSizeAdditional: number;
@@ -207,6 +208,15 @@ declare class ListBase extends AuthorizationWrapper {
     renderCardCollectionView: () => JSX.Element;
     renderPaginationView: () => JSX.Element;
     renderView: () => JSX.Element | null;
+    establishSiderTopAreaConfig: () => null;
+    renderSiderTopArea: () => JSX.Element | null;
+    establishSiderBottomAreaConfig: () => null;
+    renderSiderBottomArea: () => JSX.Element | null;
+    buildCardCollectionArea: (config?: any) => JSX.Element | null;
+    renderSiderArea: () => JSX.Element | null;
+    renderContentArea: () => JSX.Element;
+    establishPageContentLayoutSiderConfig: () => {};
+    establishPageContentLayoutConfig: () => {};
     renderPageContent: () => JSX.Element;
     renderPageBody: () => JSX.Element;
     renderFurther(): JSX.Element;

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

@@ -71,6 +71,10 @@ require("antd/es/form/style");
 
 var _form = _interopRequireDefault(require("antd/es/form"));
 
+require("antd/es/layout/style");
+
+var _layout = _interopRequireDefault(require("antd/es/layout"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _icons = require("@ant-design/icons");
@@ -147,6 +151,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var Content = _layout.default.Content,
+    Sider = _layout.default.Sider;
 var FormItem = _form.default.Item;
 var RangePicker = _datePicker.default.RangePicker;
 
@@ -171,6 +177,7 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     _this.useRemotePagination = true;
     _this.useFrontendPagination = false;
     _this.useFrontendPagination = false;
+    _this.showSearchForm = true;
     _this.affixPaginationBar = true;
     _this.formRef = /*#__PURE__*/_react.default.createRef();
     _this.pageSizeAdditional = 0;
@@ -1343,33 +1350,112 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       return null;
     };
 
-    _this.renderPageContent = function () {
-      var _this$state10 = _this.state,
-          listTitle = _this$state10.listTitle,
-          renderSearchForm = _this$state10.renderSearchForm;
+    _this.establishSiderTopAreaConfig = function () {
+      return null;
+    };
 
-      var extraAction = _this.renderExtraActionView();
+    _this.renderSiderTopArea = function () {
+      var config = _this.establishSiderTopAreaConfig();
 
-      var searchForm = _this.renderForm();
+      if (config == null) {
+        return null;
+      }
 
-      var hasPagination = _this.renderPaginationView() != null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.containorBox,
-        style: {
-          overflowX: 'hidden'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_space.default, {
+      return _this.buildCardCollectionArea(config);
+    };
+
+    _this.establishSiderBottomAreaConfig = function () {
+      return null;
+    };
+
+    _this.renderSiderBottomArea = function () {
+      var config = _this.establishSiderBottomAreaConfig();
+
+      if (config == null) {
+        return null;
+      }
+
+      return _this.buildCardCollectionArea(config);
+    };
+
+    _this.buildCardCollectionArea = function () {
+      var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      if (config == null) {
+        return null;
+      }
+
+      var formContentWrapperTypeConfig = _this.establishWrapperTypeConfig() || {
+        mode: _constants.cardConfig.wrapperType.page
+      };
+
+      var configData = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, {
+        mode: _constants.cardConfig.wrapperType.page,
+        justify: 'start',
+        align: 'top'
+      }), formContentWrapperTypeConfig || {}), {
+        list: []
+      }), config || {});
+
+      var mode = configData.mode,
+          justifyGeneral = configData.justify,
+          alignGeneral = configData.align,
+          list = configData.list;
+      var listData = [];
+
+      if ((0, _tools.isArray)(list)) {
+        list.forEach(function (co, ci) {
+          listData.push(co);
+
+          if (ci !== list.length - 1) {
+            listData.push('');
+          }
+        });
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_space.default, {
         style: {
           width: '100%'
         },
         direction: "vertical",
         size: 24
-      }, _this.buildToolBarWrapper(), renderSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_card.default, {
-        bordered: false,
-        className: _index.default.containorSearch
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.tableListForm
-      }, searchForm))) : null, /*#__PURE__*/_react.default.createElement(_card.default, {
+      }, listData.map(function (item, index) {
+        return _this.buildCardCollectionItem({
+          mode: mode,
+          justify: justifyGeneral,
+          align: alignGeneral,
+          config: item,
+          key: index
+        });
+      }));
+    };
+
+    _this.renderSiderArea = function () {
+      var topArea = _this.renderSiderTopArea();
+
+      var bottomArea = _this.renderSiderBottomArea();
+
+      if ((bottomArea || null) == null) {
+        return topArea;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
+        direction: "vertical",
+        top: topArea,
+        bottom: bottomArea
+      });
+    };
+
+    _this.renderContentArea = function () {
+      var listTitle = _this.state.listTitle;
+
+      var extraAction = _this.renderExtraActionView();
+
+      var searchForm = _this.renderForm();
+
+      var hasPagination = _this.renderPaginationView() != null;
+
+      var gridView = /*#__PURE__*/_react.default.createElement(_card.default, {
         title: listTitle,
         headStyle: {
           borderBottom: '0px'
@@ -1385,7 +1471,82 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
         }), _this.renderBatchAction(), _this.renderCardExtraAction())
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.tableList
-      }, _this.renderAboveTable(), _this.renderView())), _this.buildHelpWrapper()));
+      }, _this.renderAboveTable(), _this.renderView()));
+
+      if (!_this.showSearchForm || (searchForm || null) == null) {
+        return gridView;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_space.default, {
+        style: {
+          width: '100%'
+        },
+        direction: "vertical",
+        size: 24
+      }, /*#__PURE__*/_react.default.createElement(_card.default, {
+        bordered: false,
+        className: _index.default.containorSearch
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _index.default.tableListForm
+      }, searchForm)), gridView);
+    };
+
+    _this.establishPageContentLayoutSiderConfig = function () {
+      return {};
+    };
+
+    _this.establishPageContentLayoutConfig = function () {
+      return {};
+    };
+
+    _this.renderPageContent = function () {
+      var siderArea = _this.renderSiderArea();
+
+      var contentArea = _this.renderContentArea();
+
+      var layoutSiderConfig = _this.establishPageContentLayoutSiderConfig();
+
+      var layoutConfig = _this.establishPageContentLayoutConfig();
+
+      var _position = _objectSpread(_objectSpread({}, {
+        position: 'left'
+      }), layoutSiderConfig || {}),
+          siderPosition = _position.position;
+
+      var siderConfig = _objectSpread(_objectSpread({}, {
+        width: 300,
+        style: _objectSpread(_objectSpread({}, {
+          backgroundColor: '#fff',
+          borderRadius: '4px',
+          overflowX: 'auto',
+          overflowY: 'hidden'
+        }), siderPosition === 'left' ? {
+          marginRight: '24px'
+        } : {
+          marginLeft: '24px'
+        })
+      }), layoutSiderConfig || {});
+
+      layoutConfig = _objectSpread(_objectSpread({}, {
+        breakpoint: 'sm',
+        style: {
+          backgroundColor: '#f0f2f5',
+          minHeight: 'auto'
+        }
+      }), layoutConfig || {});
+      var inner = siderArea == null ? contentArea : /*#__PURE__*/_react.default.createElement(_layout.default, layoutConfig, siderPosition === 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null, /*#__PURE__*/_react.default.createElement(Content, null, contentArea), siderPosition !== 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _index.default.containorBox,
+        style: {
+          overflowX: 'hidden'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_space.default, {
+        style: {
+          width: '100%'
+        },
+        direction: "vertical",
+        size: 24
+      }, _this.buildToolBarWrapper(), inner, _this.buildHelpWrapper()));
     };
 
     _this.renderPageBody = function () {
@@ -1405,7 +1566,6 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       showPageHeaderAvatar: false,
       tableSize: _constants.listViewConfig.tableSize.middle,
       counterSetColumnsOtherConfig: 0,
-      renderSearchForm: true,
       showListViewItemActionSelect: false
     });
     return _this;
@@ -1416,13 +1576,13 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
     value: function renderFurther() {
       var _this2 = this;
 
-      var _this$state11 = this.state,
-          renderPageHeaderWrapper = _this$state11.renderPageHeaderWrapper,
-          showPageHeaderAvatar = _this$state11.showPageHeaderAvatar,
-          defaultAvatarIcon = _this$state11.defaultAvatarIcon,
-          dataLoading = _this$state11.dataLoading,
-          reloading = _this$state11.reloading,
-          avatarImageLoadResult = _this$state11.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.establishPageHeaderAvatarConfig(), defaultAvatarIcon, showPageHeaderAvatar, dataLoading, reloading, avatarImageLoadResult, function () {
         _this2.onPageHeaderAvatarLoadErrorCallback();

package/es/framework/DataMultiPageView/MultiPageDrawer/index.js

@@ -142,18 +142,12 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
           dataLoading: true
         });
 
-        var that = _assertThisInitialized(_this);
-
-        that.handleSearchReset(false, 700);
+        _this.handleSearchReset(false, 700);
       } else if (_this.reloadWhenShow) {
-        _this.setState({
+        _this.reloadData({
           reloadAnimalShow: true
-        });
-
-        var _that = _assertThisInitialized(_this);
-
-        _that.reloadData({}, function () {
-          _that.setState({
+        }, function () {
+          _this.setState({
             reloadAnimalShow: false
           });
         }, 700);
@@ -232,8 +226,7 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
           reloading = _this$state.reloading,
           processing = _this$state.processing,
           refreshing = _this$state.refreshing,
-          listViewMode = _this$state.listViewMode,
-          renderSearchForm = _this$state.renderSearchForm;
+          listViewMode = _this$state.listViewMode;
 
       var extraAction = _this.renderExtraActionView();
 
@@ -253,7 +246,7 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
           display: 'flex',
           flexDirection: 'column'
         } : {}
-      }, renderSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement("div", {
+      }, _this.showSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement("div", {
         style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
@@ -359,9 +352,7 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
     };
 
     _this.renderContentContainor = function () {
-      var _this$state2 = _this.state,
-          listViewMode = _this$state2.listViewMode,
-          renderSearchForm = _this$state2.renderSearchForm;
+      var listViewMode = _this.state.listViewMode;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.contentContainor,
         style: _objectSpread(_objectSpread(_objectSpread({}, listViewMode === _constants.listViewConfig.viewMode.list ? {
@@ -370,7 +361,7 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
           overflow: 'hidden'
         } : {
           paddingBottom: 0
-        }), renderSearchForm ? {} : {
+        }), _this.showSearchForm ? {} : {
           paddingTop: 0
         }), {
           backgroundColor: '#fff'
@@ -472,9 +463,9 @@ var MultiPageDrawer = /*#__PURE__*/function (_MultiPage) {
     key: "renderFurther",
     value: function renderFurther() {
       var widthDrawer = this.props.width;
-      var _this$state3 = this.state,
-          visible = _this$state3.visible,
-          listViewMode = _this$state3.listViewMode;
+      var _this$state2 = this.state,
+          visible = _this$state2.visible,
+          listViewMode = _this$state2.listViewMode;
       return /*#__PURE__*/_react.default.createElement(_drawer.default, {
         title: /*#__PURE__*/_react.default.createElement("span", null, this.renderTitleIcon(), this.getPageName()),
         destroyOnClose: false,

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

@@ -130,12 +130,23 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
     };
 
     _this.doOtherWhenChangeVisibleToShow = function (preProps, preState, snapshot) {
-      if (_this.reloadWhenShow) {
-        var that = _assertThisInitialized(_this);
-
-        setTimeout(function () {
-          that.reloadData();
-        }, 460);
+      var firstLoadSuccess = _this.state.firstLoadSuccess; // 未加载数据过数据的时候，进行加载
+
+      if (!firstLoadSuccess) {
+        // 设置界面效果为加载中，减少用户误解
+        _this.setState({
+          dataLoading: true
+        });
+
+        _this.handleSearchReset(false, 700);
+      } else if (_this.reloadWhenShow) {
+        _this.reloadData({
+          reloadAnimalShow: true
+        }, function () {
+          _this.setState({
+            reloadAnimalShow: false
+          });
+        }, 700);
       }
     };
 
@@ -201,8 +212,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           listTitle = _this$state.listTitle,
           tableSize = _this$state.tableSize,
           refreshing = _this$state.refreshing,
-          listViewMode = _this$state.listViewMode,
-          renderSearchForm = _this$state.renderSearchForm;
+          listViewMode = _this$state.listViewMode;
 
       var extraAction = _this.renderExtraActionView();
 
@@ -222,7 +232,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           display: 'flex',
           flexDirection: 'column'
         } : {}
-      }, renderSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement("div", {
+      }, _this.showSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement("div", {
         style: listViewMode === _constants.listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
@@ -325,9 +335,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
     };
 
     _this.renderContentContainor = function () {
-      var _this$state2 = _this.state,
-          listViewMode = _this$state2.listViewMode,
-          renderSearchForm = _this$state2.renderSearchForm;
+      var listViewMode = _this.state.listViewMode;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.contentContainor,
         style: _objectSpread(_objectSpread(_objectSpread({}, listViewMode === _constants.listViewConfig.viewMode.list ? {
@@ -336,7 +344,7 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           overflow: 'hidden'
         } : {
           paddingBottom: 0
-        }), renderSearchForm ? {} : {
+        }), _this.showSearchForm ? {} : {
           paddingTop: 0
         }), {
           backgroundColor: '#fff'
@@ -356,9 +364,9 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
     };
 
     _this.renderListView = function () {
-      var _this$state3 = _this.state,
-          dataLoading = _this$state3.dataLoading,
-          listViewMode = _this$state3.listViewMode;
+      var _this$state2 = _this.state,
+          dataLoading = _this$state2.dataLoading,
+          listViewMode = _this$state2.listViewMode;
       var list = _this.getCanUseFrontendPagination() ? _this.adjustFrontendPaginationViewDataSource() : _this.adjustViewDataSource();
 
       var bottomBar = _this.renderPaginationView();
@@ -433,9 +441,9 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
     key: "renderFurther",
     value: function renderFurther() {
       var widthDrawer = this.props.width;
-      var _this$state4 = this.state,
-          visible = _this$state4.visible,
-          listViewMode = _this$state4.listViewMode;
+      var _this$state3 = this.state,
+          visible = _this$state3.visible,
+          listViewMode = _this$state3.listViewMode;
       return /*#__PURE__*/_react.default.createElement(_drawer.default, {
         title: /*#__PURE__*/_react.default.createElement("span", null, this.renderTitleIcon(), this.getPageName()),
         destroyOnClose: false,

package/es/utils/constants.d.ts

@@ -143,6 +143,7 @@ export namespace columnFacadeMode {
     export const badge: string;
     const money_1: string;
     export { money_1 as money };
+    export const dropdown: string;
 }
 export namespace columnPlaceholder {
     export const placeholder: boolean;
@@ -168,7 +169,8 @@ export namespace listViewConfig {
     export namespace dataContainerExtraActionBuildType {
         export const generalButton: string;
         export const button: string;
-        export const dropdown: string;
+        const dropdown_1: string;
+        export { dropdown_1 as dropdown };
         export const dropdownButton: string;
         export const dropdownEllipsis: string;
         export const iconInfo: string;
@@ -212,8 +214,8 @@ export namespace drawerConfig {
         export { dropdownButton_1 as dropdownButton };
         const dropdownEllipsis_1: string;
         export { dropdownEllipsis_1 as dropdownEllipsis };
-        const dropdown_1: string;
-        export { dropdown_1 as dropdown };
+        const dropdown_2: string;
+        export { dropdown_2 as dropdown };
         const component_1: string;
         export { component_1 as component };
     }
@@ -248,8 +250,8 @@ export namespace cardConfig {
         export { dropdownButton_2 as dropdownButton };
         const dropdownEllipsis_2: string;
         export { dropdownEllipsis_2 as dropdownEllipsis };
-        const dropdown_2: string;
-        export { dropdown_2 as dropdown };
+        const dropdown_3: string;
+        export { dropdown_3 as dropdown };
         const component_2: string;
         export { component_2 as component };
     }
@@ -386,6 +388,18 @@ export namespace cardConfig {
          * 分隔符
          */
         divider: string;
+        /**
+         * Html
+         */
+        html: string;
+        /**
+         * CustomGrid
+         */
+        customGrid: string;
+        /**
+         * tree
+         */
+        tree: string;
     };
 }
 export namespace searchCardConfig {
@@ -522,8 +536,8 @@ export namespace tabBarCollection {
         export { dropdownButton_3 as dropdownButton };
         const dropdownEllipsis_3: string;
         export { dropdownEllipsis_3 as dropdownEllipsis };
-        const dropdown_3: string;
-        export { dropdown_3 as dropdown };
+        const dropdown_4: string;
+        export { dropdown_4 as dropdown };
         const component_4: string;
         export { component_4 as component };
     }

package/es/utils/constants.js

@@ -234,7 +234,13 @@ var columnFacadeMode = {
    * 货币，例如￥0.05
    * value : money
    */
-  money: 'money'
+  money: 'money',
+
+  /**
+   * dropdown
+   * value : dropdown component
+   */
+  dropdown: 'dropdown'
 };
 exports.columnFacadeMode = columnFacadeMode;
 var columnPlaceholder = {
@@ -569,7 +575,22 @@ var cardConfig = _objectSpread(_objectSpread({}, contentConfig), {}, {
     /**
      * 分隔符
      */
-    divider: 'divider'
+    divider: 'divider',
+
+    /**
+     * Html
+     */
+    html: 'html',
+
+    /**
+     * CustomGrid
+     */
+    customGrid: 'customGrid',
+
+    /**
+     * tree
+     */
+    tree: 'tree'
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-management-fast-framework",
-  "version": "1.11.21",
+  "version": "1.11.34",
   "description": "antd-management-fast-framework",
   "keywords": [
     "antd-management-fast-framework"
@@ -30,17 +30,17 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@ant-design/pro-layout": "^6.31.2",
+    "@ant-design/pro-layout": "^6.31.5",
     "@antv/data-set": "^0.11.8",
-    "antd": "^4.17.2",
+    "antd": "^4.17.3",
     "array-move": "^4.0.0",
-    "bizcharts": "^4.1.14",
+    "bizcharts": "^4.1.15",
     "browserslist": "^4.18.1",
-    "caniuse-lite": "^1.0.30001283",
+    "caniuse-lite": "^1.0.30001285",
     "classnames": "^2.3.1",
     "copy-to-clipboard": "^3.3.1",
     "enquire-js": "^0.2.1",
-    "html-react-parser": "^1.4.1",
+    "html-react-parser": "^1.4.2",
     "lodash": "^4.17.21",
     "lodash-decorators": "^6.0.1",
     "lodash.debounce": "^4.0.8",
@@ -90,8 +90,8 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/jest": "^27.0.3",
-    "@types/node": "^16.11.11",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
+    "@types/node": "^16.11.12",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.5.20",
     "@umijs/test-utils": "^3.5.20",
@@ -101,9 +101,9 @@
     "body-parser": "^1.19.0",
     "commitizen": "^4.2.4",
     "cross-env": "^7.0.3",
-    "eslint": "^8.3.0",
-    "eslint-config-airbnb": "^19.0.1",
-    "eslint-config-airbnb-typescript": "^16.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-airbnb": "^19.0.2",
+    "eslint-config-airbnb-typescript": "^16.1.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-import": "^2.25.3",
@@ -126,7 +126,7 @@
     "pify": "^5.0.0",
     "postcss": "^8.4.4",
     "postcss-less": "^5.0.0",
-    "prettier": "^2.5.0",
+    "prettier": "^2.5.1",
     "puppeteer": "^12.0.1",
     "query-string": "^7.0.1",
     "react": "^17.0.2",