antd-management-fast-framework 1.11.31 → 1.11.33

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

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

package/es/customComponents/FunctionComponent/index.js

@@ -54,6 +54,7 @@ exports.buildSearchInput = buildSearchInput;
 exports.buildSearchInputNumber = buildSearchInputNumber;
 exports.buildSyntaxHighlighter = buildSyntaxHighlighter;
 exports.buildTagList = buildTagList;
+exports.buildTree = buildTree;
 exports.empty = empty;
 exports.pageHeaderExtraContent = pageHeaderExtraContent;
 
@@ -89,6 +90,10 @@ require("antd/es/col/style");
 
 var _col = _interopRequireDefault(require("antd/es/col"));
 
+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 +920,10 @@ function buildMenu(_ref5) {
   }));
 }
 
+function buildTree(props) {
+  return /*#__PURE__*/_react.default.createElement(_tree.default, props);
+}
+
 function buildCustomGrid(_ref7) {
   var _ref7$key = _ref7.key,
       key = _ref7$key === void 0 ? null : _ref7$key,

package/es/framework/Common/index.js

@@ -1665,6 +1665,16 @@ var Common = /*#__PURE__*/function (_Core) {
           }));
         }
 
+        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,

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

@@ -207,6 +207,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;
 
@@ -1343,7 +1349,103 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       return null;
     };
 
-    _this.renderPageContent = function () {
+    _this.establishSiderTopAreaConfig = function () {
+      return null;
+    };
+
+    _this.renderSiderTopArea = function () {
+      var config = _this.establishSiderTopAreaConfig();
+
+      if (config == null) {
+        return null;
+      }
+
+      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
+      }, 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 _this$state10 = _this.state,
           listTitle = _this$state10.listTitle,
           renderSearchForm = _this$state10.renderSearchForm;
@@ -1353,18 +1455,13 @@ var ListBase = /*#__PURE__*/function (_AuthorizationWrapper) {
       var searchForm = _this.renderForm();
 
       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 /*#__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, {
+      }, 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", {
@@ -1385,7 +1482,65 @@ 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())));
+    };
+
+    _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 () {

package/es/utils/constants.d.ts

@@ -396,6 +396,10 @@ export namespace cardConfig {
          * CustomGrid
          */
         customGrid: string;
+        /**
+         * tree
+         */
+        tree: string;
     };
 }
 export namespace searchCardConfig {

package/es/utils/constants.js

@@ -585,7 +585,12 @@ var cardConfig = _objectSpread(_objectSpread({}, contentConfig), {}, {
     /**
      * CustomGrid
      */
-    customGrid: 'customGrid'
+    customGrid: 'customGrid',
+
+    /**
+     * tree
+     */
+    tree: 'tree'
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-management-fast-framework",
-  "version": "1.11.31",
+  "version": "1.11.33",
   "description": "antd-management-fast-framework",
   "keywords": [
     "antd-management-fast-framework"