antd-management-fast-framework 1.12.103 → 2.1.0

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

@@ -1,143 +1,107 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/drawer/style");
-
-var _drawer = _interopRequireDefault(require("antd/es/drawer"));
-
-require("antd/es/list/style");
-
-var _list = _interopRequireDefault(require("antd/es/list"));
-
-require("antd/es/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-require("antd/es/divider/style");
-
-var _divider = _interopRequireDefault(require("antd/es/divider"));
-
-require("antd/es/row/style");
-
-var _row = _interopRequireDefault(require("antd/es/row"));
-
-require("antd/es/tag/style");
-
-var _tag = _interopRequireDefault(require("antd/es/tag"));
-
-require("antd/es/col/style");
-
-var _col = _interopRequireDefault(require("antd/es/col"));
-
-require("antd/es/card/style");
-
-var _card = _interopRequireDefault(require("antd/es/card"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _rcQueueAnim = _interopRequireDefault(require("rc-queue-anim"));
-
-var _icons = require("@ant-design/icons");
-
-var _FunctionComponent = require("../../../customComponents/FunctionComponent");
-
-var _constants = require("../../../utils/constants");
-
-var _tools = require("../../../utils/tools");
-
-var _ColumnSetting = _interopRequireDefault(require("../../DataListView/ColumnSetting"));
-
-var _DensityAction = _interopRequireDefault(require("../../DataListView/DensityAction"));
-
-var _SinglePage2 = _interopRequireDefault(require("../SinglePage"));
-
-var _index = _interopRequireDefault(require("./index.less"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import { _ as _objectSpread2 } from '../../../objectSpread2.js';
+import { _ as _inherits, a as _classCallCheck, e as _assertThisInitialized, b as _createClass, c as _getPrototypeOf, d as _possibleConstructorReturn } from '../../../getPrototypeOf.js';
+import { Card, Row, Col, Tag, Divider, Tooltip, Button, List, Drawer } from 'antd';
+import QueueAnim from 'rc-queue-anim';
+import React from 'react';
+import { ReadOutlined } from '@ant-design/icons';
+import { contentConfig, listViewConfig } from 'antd-management-fast-common/es/utils/constants';
+import { isFunction } from 'antd-management-fast-common/es/utils/tools';
+import { buildListViewItemActionSelect } from 'antd-management-fast-component/es/customComponents/FunctionComponent';
+import { iconBuilder } from 'antd-management-fast-component/es/customComponents/Icon';
+import ColumnSetting from '../../DataListView/ColumnSetting/index.js';
+import DensityAction from '../../DataListView/DensityAction/index.js';
+import SinglePage from '../SinglePage/index.js';
+import '../../../toPropertyKey.js';
+import '../../../typeof.js';
+import '../../../toConsumableArray.js';
+import '../../../unsupportedIterableToArray.js';
+import 'react-dnd';
+import 'react-dnd-html5-backend';
+import '../../DataListView/ColumnSetting/DndItem.js';
+import '../../../slicedToArray.js';
+import '../../DataListView/Base/index.js';
+import '../../../index2.js';
+import 'antd-management-fast-common/es/utils/dynamicSetting';
+import 'antd-management-fast-common/es/utils/requestAssistor';
+import 'antd-management-fast-component/es/customComponents/AnimalBox/FadeBox';
+import 'antd-management-fast-component/es/customComponents/AnimalBox/QueueBox';
+import 'antd-management-fast-component/es/customComponents/AudioUpload';
+import 'antd-management-fast-component/es/customComponents/ColorText';
+import 'antd-management-fast-component/es/customComponents/Editor/TinymceWrapper';
+import 'antd-management-fast-component/es/customComponents/FileBase64Upload';
+import 'antd-management-fast-component/es/customComponents/FileUpload';
+import 'antd-management-fast-component/es/customComponents/FlexBox';
+import 'antd-management-fast-component/es/customComponents/FlexText';
+import 'antd-management-fast-component/es/customComponents/FunctionSupplement/Whether';
+import 'antd-management-fast-component/es/customComponents/HelpBox';
+import 'antd-management-fast-component/es/customComponents/HelpCard';
+import 'antd-management-fast-component/es/customComponents/HtmlBox';
+import 'antd-management-fast-component/es/customComponents/IconInfo';
+import 'antd-management-fast-component/es/customComponents/ImageBox';
+import 'antd-management-fast-component/es/customComponents/ImageUpload';
+import 'antd-management-fast-component/es/customComponents/VideoUpload';
+import '../../../utils/metaDataAssist.js';
+import '../../../index3.js';
+import 'antd-management-fast-common/es/utils/actionAssist';
+import 'antd-management-fast-common/es/utils/dva';
+import '../../../utils/storageAssist.js';
+import 'antd-management-fast-common/es/utils/globalStorageAssist';
+import 'antd-management-fast-common/es/utils/localStorageAssist';
+import '../../Core/index.js';
+import 'antd-management-fast-component/es/customComponents/BaseComponent';
+import 'classnames';
+import '@ant-design/pro-layout';
+import 'antd-management-fast-common/es/utils/routeAssist';
+import 'antd-management-fast-component/es/customComponents/DecorateAvatar';
+import 'antd-management-fast-component/es/customComponents/StandardTableCustom';
+import '../../AuthorizationWrapper/index.js';
+import 'antd-management-fast-common/es/utils/authority';
+import '../../CustomWrapper/SupplementWrapper/index.js';
+import '../../CustomWrapper/Supplement/index.js';
+import '../../CustomWrapper/SupplementCore/index.js';
+import '../../DataListView/BatchAction/index.js';
+import 'antd/lib/config-provider/context';
+
+var styles = {"containorBox":"index_containorBox__n0gB6","titleIcon":"index_titleIcon__CdBdK","titleText":"index_titleText__hMjCw","mainContainor":"index_mainContainor__UBuik","contentContainor":"index_contentContainor__J0Gb5","containorTable":"index_containorTable__iox1-","iconAction":"index_iconAction__vrmiQ"};
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
   _inherits(SinglePageDrawer, _SinglePage);
-
   var _super = _createSuper(SinglePageDrawer);
-
   function SinglePageDrawer(props) {
     var _this;
-
     _classCallCheck(this, SinglePageDrawer);
-
     _this = _super.call(this, props);
     _this.loadDataAfterMount = false;
     _this.resetDataAfterLoad = false;
     _this.reloadWhenShow = true;
-
     _this.doWorkWhenDidUpdate = function (preProps, preState, snapshot) {
       var visiblePre = preState.visible;
       var visible = _this.state.visible;
-
       if (visiblePre !== visible) {
         _this.doOtherWhenChangeVisible(preProps, preState, snapshot, visible);
       }
     };
-
     _this.doOtherWhenChangeVisible = function (preProps, preState, snapshot, currentVisible) {
       if (currentVisible) {
         _this.doOtherWhenChangeVisibleToShow(preProps, preState, snapshot);
-
         _this.executeAfterDoOtherWhenChangeVisibleToShow(preProps, preState, snapshot);
       } else {
         _this.doOtherWhenChangeVisibleToHide(preProps, preState, snapshot);
-
         _this.executeAfterDoOtherWhenChangeVisibleToHide(preProps, preState, snapshot);
       }
-
       _this.executeOtherAfterDoOtherWhenChangeVisible(preProps, preState, snapshot);
     };
-
     _this.doOtherWhenChangeVisibleToShow = function (preProps, preState, snapshot) {
-      var firstLoadSuccess = _this.state.firstLoadSuccess; // 未加载数据过数据的时候，进行加载
+      var firstLoadSuccess = _this.state.firstLoadSuccess;
 
+      // 未加载数据过数据的时候，进行加载
       if (!firstLoadSuccess) {
         // 设置界面效果为加载中，减少用户误解
         _this.setState({
           dataLoading: true
         });
-
         _this.handleSearchReset(false, 700);
       } else if (_this.reloadWhenShow) {
         _this.reloadData({
@@ -149,122 +113,115 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         }, 700);
       }
     };
-
-    _this.executeAfterDoOtherWhenChangeVisibleToShow = function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preProps, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preState, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _this.executeAfterDoOtherWhenChangeVisibleToShow = function (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preProps,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preState,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     snapshot) {};
-
     _this.doOtherWhenChangeVisibleToHide = function (preProps, preState, snapshot) {};
-
-    _this.executeAfterDoOtherWhenChangeVisibleToHide = function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preProps, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preState, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _this.executeAfterDoOtherWhenChangeVisibleToHide = function (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preProps,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preState,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     snapshot) {};
-
-    _this.executeOtherAfterDoOtherWhenChangeVisible = function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preProps, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    preState, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _this.executeOtherAfterDoOtherWhenChangeVisible = function (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preProps,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    preState,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     snapshot) {};
-
     _this.onClose = function () {
       var afterClose = _this.props.afterClose;
-
       if (typeof afterClose === 'function') {
         afterClose();
       }
     };
-
     _this.selectRecord = function (_ref) {
       var handleData = _ref.handleData;
       var _this$props = _this.props,
-          afterSelectSuccess = _this$props.afterSelectSuccess,
-          hideDrawerAfterSelect = _this$props.hideDrawerAfterSelect;
-
-      if ((0, _tools.isFunction)(afterSelectSuccess)) {
+        afterSelectSuccess = _this$props.afterSelectSuccess,
+        hideDrawerAfterSelect = _this$props.hideDrawerAfterSelect;
+      if (isFunction(afterSelectSuccess)) {
         afterSelectSuccess(handleData);
       }
-
       if (hideDrawerAfterSelect) {
         _this.hideDrawer();
       }
     };
-
     _this.renderTitleIcon = function () {
-      return /*#__PURE__*/_react.default.createElement(_icons.ReadOutlined, {
-        className: _index.default.titleIcon
+      return /*#__PURE__*/React.createElement(ReadOutlined, {
+        className: styles.titleIcon
       });
     };
-
     _this.hideDrawer = function () {
       _this.onClose();
     };
-
     _this.establishWrapperTypeConfig = function () {
       return {
-        mode: _constants.contentConfig.wrapperType.drawer
+        mode: contentConfig.wrapperType.drawer
       };
     };
-
     _this.renderViewContainor = function () {
       var _this$state = _this.state,
-          reloadAnimalShow = _this$state.reloadAnimalShow,
-          listTitle = _this$state.listTitle,
-          tableSize = _this$state.tableSize,
-          refreshing = _this$state.refreshing,
-          listViewMode = _this$state.listViewMode;
-
+        reloadAnimalShow = _this$state.reloadAnimalShow,
+        listTitle = _this$state.listTitle,
+        tableSize = _this$state.tableSize,
+        refreshing = _this$state.refreshing,
+        listViewMode = _this$state.listViewMode;
       var extraAction = _this.renderExtraActionView();
-
       var searchForm = _this.renderForm();
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.tableList,
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.tableList,
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.containorBox,
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.containorBox,
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
-      }, _this.showSearchForm && (searchForm || null) != null ? /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, _this.showSearchForm && (searchForm || null) != null ? /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
-      }, /*#__PURE__*/_react.default.createElement(_card.default, {
+      }, /*#__PURE__*/React.createElement(Card, {
         bordered: false,
-        className: _index.default.containorSearch,
+        className: styles.containorSearch,
         bodyStyle: {
           padding: 0
         }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.tableListForm
-      }, _this.renderForm())), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.tableListForm
+      }, _this.renderForm())), /*#__PURE__*/React.createElement("div", {
         style: {
           height: '1px',
           backgroundColor: '#f0f2f5'
         }
-      })) : null, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      })) : null, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement(_card.default, {
-        title: /*#__PURE__*/_react.default.createElement(_row.default, null, /*#__PURE__*/_react.default.createElement(_col.default, {
+      }, /*#__PURE__*/React.createElement(Card, {
+        title: /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
           flex: "70px"
-        }, " ", listTitle), /*#__PURE__*/_react.default.createElement(_col.default, {
+        }, " ", listTitle), /*#__PURE__*/React.createElement(Col, {
           flex: "auto"
-        }, /*#__PURE__*/_react.default.createElement(_rcQueueAnim.default, null, reloadAnimalShow ? /*#__PURE__*/_react.default.createElement("div", {
+        }, /*#__PURE__*/React.createElement(QueueAnim, null, reloadAnimalShow ? /*#__PURE__*/React.createElement("div", {
           key: "3069dd18-f530-43ab-b96d-a86f8079358f"
-        }, /*#__PURE__*/_react.default.createElement(_tag.default, {
+        }, /*#__PURE__*/React.createElement(Tag, {
           color: "gold"
         }, "\u5373\u5C06\u5237\u65B0")) : null))),
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
@@ -282,29 +239,30 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
           paddingLeft: 0,
           paddingRight: 0,
           flex: 'auto',
-          overflow: 'hidden' // height: 'calc(100vh - 103px)',
-
+          overflow: 'hidden'
+          // height: 'calc(100vh - 103px)',
         },
+
         bordered: false,
-        className: _index.default.containorTable,
-        extra: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extraAction, extraAction == null ? null : /*#__PURE__*/_react.default.createElement(_divider.default, {
+        className: styles.containorTable,
+        extra: /*#__PURE__*/React.createElement(React.Fragment, null, extraAction, extraAction == null ? null : /*#__PURE__*/React.createElement(Divider, {
           type: "vertical"
-        }), _this.renderBatchAction(), listViewMode === _constants.listViewConfig.viewMode.table ? /*#__PURE__*/_react.default.createElement(_DensityAction.default, {
+        }), _this.renderBatchAction(), listViewMode === listViewConfig.viewMode.table ? /*#__PURE__*/React.createElement(DensityAction, {
           tableSize: tableSize,
           setTableSize: function setTableSize(key) {
             _this.setTableSize(key);
           }
-        }) : null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        }) : null, /*#__PURE__*/React.createElement(Tooltip, {
           title: "\u5237\u65B0\u672C\u9875"
-        }, /*#__PURE__*/_react.default.createElement(_button.default, {
+        }, /*#__PURE__*/React.createElement(Button, {
           shape: "circle",
-          className: _index.default.iconAction,
+          className: styles.iconAction,
           loading: refreshing,
-          icon: _constants.iconCollection.reload,
+          icon: iconBuilder.reload(),
           onClick: function onClick() {
             _this.refreshData();
           }
-        })), listViewMode === _constants.listViewConfig.viewMode.table ? /*#__PURE__*/_react.default.createElement(_ColumnSetting.default, {
+        })), listViewMode === listViewConfig.viewMode.table ? /*#__PURE__*/React.createElement(ColumnSetting, {
           columns: _this.getColumn(),
           columnsMap: _this.getColumnsMap(),
           setColumnsMap: function setColumnsMap(e) {
@@ -314,31 +272,30 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
             _this.setSortKeyColumns(key);
           }
         }) : null)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
-      }, _this.renderAboveTable()), /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, _this.renderAboveTable()), /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden',
           paddingTop: 5
         } : {}
       }, _this.renderView()))))), _this.renderOther());
     };
-
     _this.renderContentContainor = function () {
       var listViewMode = _this.state.listViewMode;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.contentContainor,
-        style: _objectSpread(_objectSpread(_objectSpread({}, listViewMode === _constants.listViewConfig.viewMode.list ? {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.contentContainor,
+        style: _objectSpread2(_objectSpread2(_objectSpread2({}, listViewMode === listViewConfig.viewMode.list ? {
           paddingBottom: 0,
           height: '100%',
           overflow: 'hidden'
@@ -351,40 +308,36 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         })
       }, _this.renderViewContainor());
     };
-
     _this.renderDrawerInner = function () {
       var listViewMode = _this.state.listViewMode;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.mainContainor,
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.mainContainor,
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden'
         } : {}
       }, _this.renderContentContainor());
     };
-
     _this.renderListView = function () {
       var _this$state2 = _this.state,
-          dataLoading = _this$state2.dataLoading,
-          listViewMode = _this$state2.listViewMode;
+        dataLoading = _this$state2.dataLoading,
+        listViewMode = _this$state2.listViewMode;
       var list = _this.getCanUseFrontendPagination() ? _this.adjustFrontendPaginationViewDataSource() : _this.adjustViewDataSource();
-
       var bottomBar = _this.renderPaginationView();
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      return /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'hidden',
           display: 'flex',
           flexDirection: 'column'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 'auto',
           overflow: 'hidden'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement(_list.default, {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement(List, {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           overflow: 'auto'
         } : {},
@@ -394,27 +347,25 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         renderItem: function renderItem(item, index) {
           return _this.renderListViewItem(item, index);
         }
-      })), (bottomBar || null) == null ? null : /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      })), (bottomBar || null) == null ? null : /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 0
         } : {}
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           height: '100%',
           display: 'flex',
           justifyContent: 'space-between'
         } : {}
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: listViewMode === _constants.listViewConfig.viewMode.list ? {
+      }, /*#__PURE__*/React.createElement("div", {
+        style: listViewMode === listViewConfig.viewMode.list ? {
           flex: 'auto'
         } : {}
       }), bottomBar)));
     };
-
     _this.renderListViewItemActionSelect = function (item, index) {
       var that = _assertThisInitialized(_this);
-
-      return (0, _FunctionComponent.buildListViewItemActionSelect)({
+      return buildListViewItemActionSelect({
         index: index,
         selectData: item,
         selectCallback: function selectCallback(data) {
@@ -424,29 +375,28 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         }
       });
     };
-
     var s = _this.state;
     s.dataLoading = false;
-    _this.state = _objectSpread(_objectSpread({}, s), {
+    _this.state = _objectSpread2(_objectSpread2({}, s), {
       visible: false,
       reloadAnimalShow: false,
-      listViewMode: _constants.listViewConfig.viewMode.table
+      listViewMode: listViewConfig.viewMode.table
     });
     return _this;
-  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _createClass(SinglePageDrawer, [{
     key: "renderFurther",
     value: function renderFurther() {
       var widthDrawer = this.props.width;
       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()),
+        visible = _this$state3.visible,
+        listViewMode = _this$state3.listViewMode;
+      return /*#__PURE__*/React.createElement(Drawer, {
+        title: /*#__PURE__*/React.createElement("span", null, this.renderTitleIcon(), this.getPageName()),
         destroyOnClose: false,
-        className: _index.default.containorBox,
+        className: styles.containorBox,
         width: widthDrawer,
         placement: "right",
         visible: visible || false,
@@ -454,36 +404,35 @@ var SinglePageDrawer = /*#__PURE__*/function (_SinglePage) {
         bodyStyle: {
           padding: 0
         }
-      }, listViewMode === _constants.listViewConfig.viewMode.list ? /*#__PURE__*/_react.default.createElement("div", {
+      }, listViewMode === listViewConfig.viewMode.list ? /*#__PURE__*/React.createElement("div", {
         style: {
           height: 'calc(100vh - 55px)'
         }
-      }, this.renderDrawerInner()) : null, listViewMode === _constants.listViewConfig.viewMode.cardCollectionView ? /*#__PURE__*/_react.default.createElement("div", {
+      }, this.renderDrawerInner()) : null, listViewMode === listViewConfig.viewMode.cardCollectionView ? /*#__PURE__*/React.createElement("div", {
         style: {
           height: 'calc(100vh - 55px)'
         }
-      }, this.renderDrawerInner()) : null, listViewMode === _constants.listViewConfig.viewMode.table ? this.renderDrawerInner() : null);
+      }, this.renderDrawerInner()) : null, listViewMode === listViewConfig.viewMode.table ? this.renderDrawerInner() : null);
     }
   }], [{
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       var visible = nextProps.visible,
-          externalData = nextProps.externalData;
+        externalData = nextProps.externalData;
       return {
         visible: visible,
         externalData: externalData
       };
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   }]);
-
   return SinglePageDrawer;
-}(_SinglePage2.default);
-
+}(SinglePage);
 SinglePageDrawer.defaultProps = {
   hideDrawerAfterSelect: true,
   confirmSelect: true,
   width: 820
 };
-var _default = SinglePageDrawer;
-exports.default = _default;
+
+export { SinglePageDrawer as default };