@riil-frontend/component-topology 2.12.3 → 2.12.5-alpha.3

package/es/components/Link/index.js

@@ -5,7 +5,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import { useBoolean } from 'ahooks';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import styles from "./index.module.scss";
 import LinkSetting from "./setting";
 /**

package/es/components/Link/index.module.scss

@@ -1,5 +1,5 @@
-@import '@riil-frontend/css/lib/index.scss';
-@import "@alifd/next/variables";
+//@import '@riil-frontend/css/lib/index.scss';
+@import "~@alifd/next/variables";
 
 .layout {
   height: 100%;

package/es/components/ResourceSelectDrawer/ResourceSelectList.js

@@ -15,7 +15,10 @@ function ResourceSelectList(props, ref) {
       rowSelection: {
         mode: selectionMode
       }
-    } : undefined
+    } : undefined,
+    onCheckedChange: function onCheckedChange(val) {
+      return console.error(val);
+    }
   });
 }
 

package/es/components/SingleResourceDrawer/SingleResourceDrawer.js

@@ -0,0 +1,52 @@
+import _Message from "@alifd/next/lib/message";
+import React, { useRef } from 'react';
+import { isAvailableArray } from '@riil-frontend/utils';
+import Drawer from "../Drawer";
+import ResourceList from "../ResourceList";
+
+var SingleResourceDrawer = function SingleResourceDrawer(props) {
+  var store = props.store,
+      visible = props.visible,
+      loading = props.loading,
+      selectedKey = props.selectedKey,
+      totalSelection = props.totalSelection,
+      onSave = props.onSave,
+      onClose = props.onClose;
+  var ref = useRef();
+
+  var onDrawerSave = function onDrawerSave() {
+    var data = ref.current.getSelectedData();
+
+    if (!isAvailableArray(data)) {
+      _Message.error('请选择一项资源。');
+
+      return;
+    }
+
+    var intercept = onSave(data[0]);
+
+    if (!intercept) {
+      onClose();
+    }
+  };
+
+  var initialData = {
+    selected: [selectedKey],
+    total: totalSelection
+  };
+  return /*#__PURE__*/React.createElement(Drawer, {
+    title: "\u9009\u62E9\u8D44\u6E90",
+    visible: visible,
+    loading: loading,
+    onSave: onDrawerSave,
+    onClose: onClose,
+    buttons: ['确定', '取消']
+  }, /*#__PURE__*/React.createElement(ResourceList, {
+    ref: ref,
+    store: store,
+    initialData: initialData,
+    selectionMode: "single"
+  }));
+};
+
+export default SingleResourceDrawer;

package/es/components/SingleResourceDrawer/index.js

@@ -1,52 +1,2 @@
-import _Message from "@alifd/next/lib/message";
-import React, { useRef } from 'react';
-import { isAvailableArray } from '@riil-frontend/utils';
-import Drawer from "../Drawer";
-import ResourceList from "../ResourceList";
-
-var SingleResourceDrawer = function SingleResourceDrawer(props) {
-  var store = props.store,
-      visible = props.visible,
-      loading = props.loading,
-      selectedKey = props.selectedKey,
-      totalSelection = props.totalSelection,
-      onSave = props.onSave,
-      onClose = props.onClose;
-  var ref = useRef();
-
-  var onDrawerSave = function onDrawerSave() {
-    var data = ref.current.getSelectedData();
-
-    if (!isAvailableArray(data)) {
-      _Message.error('请选择一项资源。');
-
-      return;
-    }
-
-    var intercept = onSave(data[0]);
-
-    if (!intercept) {
-      onClose();
-    }
-  };
-
-  var initialData = {
-    selected: [selectedKey],
-    total: totalSelection
-  };
-  return /*#__PURE__*/React.createElement(Drawer, {
-    title: "\u9009\u62E9\u8D44\u6E90",
-    visible: visible,
-    loading: loading,
-    onSave: onDrawerSave,
-    onClose: onClose,
-    buttons: ['确定', '取消']
-  }, /*#__PURE__*/React.createElement(ResourceList, {
-    ref: ref,
-    store: store,
-    initialData: initialData,
-    selectionMode: "single"
-  }));
-};
-
-export default SingleResourceDrawer;
+import Drawer from "./SelectDrawer";
+export default Drawer;

package/es/core/components/TopoView/topoView.js

@@ -1,7 +1,8 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import TopoContainer, { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoContainer from '@riil-frontend/component-topology-graph/es/components/TopoGraph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import useTopoEdit from "../../../hooks/useTopoEdit";
 import usePolling from "../../../hooks/usePolling";

package/es/core/editor/components/LinkDynamicStyleSettingDrawer/rule/ColorPicker.module.scss

@@ -1,4 +1,4 @@
-@import "@alifd/theme-19926/variables";
+@import "~@alifd/theme-19926/variables.scss";
 
 .swatch {
   background: #fff;

package/es/core/editor/components/ResourceViewAttributeSetting/ResourceViewAttributeSettingPlugin.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import Setting from "./Setting";
 import '@riil-frontend/css/lib/index.scss';
 /**

package/es/core/editor/components/ResourceViewAttributeSetting/Setting.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from 'react';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import BatchAttrMetricDrawer from "../../../../components/BatchAttrMetric";
 import { updateAllCiDoc, updateCiDoc } from "../../../../utils/topoData";

package/es/core/editor/components/settings/common/GroupNodeList/ResourceList.js

@@ -1,5 +1,5 @@
 import _List from "@alifd/next/lib/list";
-import React, { useState, useEffect, useRef, useCallback } from 'react';
+import React from 'react';
 import styles from "./ResourceList.module.scss";
 
 function ResourceList(props) {

package/es/core/editor/components/settings/common/text/FontStyleCheckbox.module.scss

@@ -1,4 +1,4 @@
-@import "@alifd/theme-19926/variables";
+@import "~@alifd/theme-19926/variables.scss";
 
 .buttonGroup {
   display: flex;

package/es/core/editor/components/settings/node/BindResourceDrawer.js

@@ -0,0 +1,54 @@
+import _Message from "@alifd/next/lib/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useRef } from 'react';
+import ResourceSelectDrawer from "../../../../../components/ResourceSelectDrawer";
+
+var BindResourceDrawer = function BindResourceDrawer(props) {
+  var topoEditApi = props.topoEditApi,
+      node = props.node,
+      onSave = props.onSave,
+      onClose = props.onClose;
+
+  var onDrawerSave = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(selected) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (selected.length) {
+                _context.next = 3;
+                break;
+              }
+
+              _Message.error('请选择一项资源。');
+
+              return _context.abrupt("return", false);
+
+            case 3:
+              _context.next = 5;
+              return onSave(selected[0]);
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onDrawerSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(ResourceSelectDrawer, {
+    visible: topoEditApi.showSingleResDrawer,
+    excludeIds: [node.tag],
+    selectionMode: "single",
+    onOk: onDrawerSave,
+    onClose: onClose
+  });
+};
+
+export default BindResourceDrawer;

package/es/core/editor/components/settings/node/NodeRelateResourceButton.js

@@ -1,9 +1,10 @@
 import _Button from "@alifd/next/lib/button";
-import React from 'react';
-
+import React, { useState } from 'react';
+import BindResourceDrawer from "./BindResourceDrawer";
 /**
  * @return {React.ReactNode | null}
  */
+
 export default function NodeRelateResourceButton(props) {
   var _node$attr$data;
 
@@ -17,6 +18,6 @@ export default function NodeRelateResourceButton(props) {
     onClick: function onClick() {
       topoEditApi.bindNodeResource({});
     }
-  }, "\u9009\u62E9\u8D44\u6E90") : null;
+  }, "\u9009\u62E9\u8D44\u6E90", /*#__PURE__*/React.createElement(BindResourceDrawer, props)) : null;
 }
 ;

package/es/core/models/TopoApp.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoService from '@riil-frontend/component-topology-common/es/services/topo';
-import { setRequest } from '@riil-frontend/component-topology-common';
+import { setRequest } from '@riil-frontend/component-topology-common/es/index';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import CiTyeCache from "./cache/CiTyeCache";
 import Alarm from "./common/Alarm";
@@ -478,42 +478,54 @@ var TopoApp = /*#__PURE__*/function () {
   /*#__PURE__*/
   function () {
     var _enterEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-      var topoDispatchers, editDispatchers, ciSetDoc, linkDynamicStyleDispatcher, iconManageDispatchers, topoTreeData;
+      var topoDispatchers, editDispatchers, iconManageDispatchers, ciSetDoc, linkDynamicStyleDispatcher;
       return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) {
           switch (_context11.prev = _context11.next) {
             case 0:
-              _context11.next = 2;
-              return this.view.switchToEditMode();
-
-            case 2:
               topoDispatchers = this.store.getModelDispatchers('topoMod');
               topoDispatchers.update({
                 viewState: 'edit'
               });
+
+              if (!this.options.beforeSwitchToEditMode) {
+                _context11.next = 5;
+                break;
+              }
+
+              _context11.next = 5;
+              return this.options.beforeSwitchToEditMode();
+
+            case 5:
+              _context11.next = 7;
+              return this.view.switchToEditMode();
+
+            case 7:
               editDispatchers = this.store.getModelDispatchers('topoCreateMod');
               editDispatchers.switchToEditMode();
 
               if (this.options.onSwitchToEditMode) {
                 this.options.onSwitchToEditMode();
-              } // 每个节点的属性指标显示配置 TODO 每个节点都传了属性指标列表，待优化
+              } // 加载自定义图标
 
 
+              iconManageDispatchers = this.store.getModelDispatchers('iconManage');
+              iconManageDispatchers.loadIcons(); // 每个节点的属性指标显示配置 TODO 每个节点都传了属性指标列表，待优化
+
               ciSetDoc = this.store.getModelState('topoBizMod').ciSetDoc;
               this.view.topoClient.saveMarkSetting({
                 tagAndTipSet: ciSetDoc
               }); // 刷新链路动态样式
 
               linkDynamicStyleDispatcher = this.store.getModelDispatchers('linkDynamicStyle');
-              linkDynamicStyleDispatcher.execute(); // 加载自定义图标
-
-              iconManageDispatchers = this.store.getModelDispatchers('iconManage');
-              iconManageDispatchers.loadIcons(); // 加载关联拓扑图数据 FIXME 关联拓扑图时动态获取
-
-              topoTreeData = formatTreeDataSelect(this.store.getModelState('topoTreeMod').treeData, this.id);
-              this.view.topoClient.setTopoTreeData(topoTreeData);
-
-            case 15:
+              linkDynamicStyleDispatcher.execute(); // 加载关联拓扑图数据 FIXME 关联拓扑图时动态获取
+              // const topoTreeData = formatTreeDataSelect(
+              //   this.store.getModelState('topoTreeMod').treeData,
+              //   this.id
+              // );
+              // this.view.topoClient.setTopoTreeData(topoTreeData);
+
+            case 16:
             case "end":
               return _context11.stop();
           }

package/es/hooks/useContainerLinkTopo.js

@@ -1,4 +1,4 @@
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { loopTreeFun } from "../utils/tree";
 /**

package/es/hooks/usePolling.js

@@ -4,7 +4,7 @@ import { useState, useEffect, useMemo } from 'react';
 import { useRequest } from 'ahooks';
 import _ from 'lodash';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import { metricValueFormat } from '@riil-frontend/utils';
 import { findItem } from "../utils/topoData";
 import DictCache from "../core/models/cache/DictCache";

package/es/hooks/useTopoEdit.js

@@ -8,7 +8,7 @@ import { useUpdateEffect, useDynamicList } from 'ahooks';
 import { isAvailableArray, isNull } from '@riil-frontend/utils';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import * as cmdbService from '@riil-frontend/component-topology-common/es/services/cmdb';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import TopoEvent from '@riil-frontend/component-topology-graph/es/event';
 import { filterNode, filterGroupById, filterGroupByTag, formatTreeDataSelect } from "../utils/format";
 import { DEFAULT_GROUP } from "../utils/template";
 import topoPermissonUtil from "../utils/topoPermissionUtil";

package/es/style.js

@@ -1,30 +0,0 @@
-
-import '@alifd/next/lib/message/style';
-import '@alifd/next/lib/dialog/style';
-import '@alifd/next/lib/drawer/style';
-import '@alifd/next/lib/button/style';
-import '@alifd/next/lib/table/style';
-import '@alifd/next/lib/search/style';
-
-import '@alifd/next/lib/loading/style';
-import '@alifd/next/lib/upload/style';
-import '@alifd/next/lib/icon/style';
-import '@alifd/next/lib/input/style';
-import '@alifd/next/lib/field/style';
-import '@alifd/next/lib/form/style';
-import '@alifd/next/lib/number-picker/style';
-import '@alifd/next/lib/select/style';
-import '@alifd/next/lib/balloon/style';
-import '@alifd/next/lib/grid/style';
-import '@alifd/next/lib/box/style';
-import '@alifd/next/lib/dropdown/style';
-import '@alifd/next/lib/menu/style';
-import '@alifd/next/lib/tab/style';
-import '@alifd/next/lib/collapse/style';
-import '@alifd/next/lib/tree-select/style';
-
-import '@alifd/next/lib/radio/style';
-import '@alifd/next/lib/list/style';
-import '@alifd/next/lib/tag/style';
-
-import './index.scss';

package/es/topoCenter/models/TopoCenter.js

@@ -17,6 +17,34 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
       loadData: getTopoData
     }, options, {
       usePermission: true,
+      beforeSwitchToEditMode: function () {
+        var _beforeSwitchToEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var topoDispatchers;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  topoDispatchers = _this.store.getModelDispatchers('topoMod');
+                  topoDispatchers.update({
+                    topoData: null
+                  });
+                  _context.next = 4;
+                  return topoDispatchers.refreshTopo();
+
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function beforeSwitchToEditMode() {
+          return _beforeSwitchToEditMode.apply(this, arguments);
+        }
+
+        return beforeSwitchToEditMode;
+      }(),
       onSwitchToEditMode: function onSwitchToEditMode() {
         var editDispatchers = _this.store.getModelDispatchers('topoCreateMod');
 
@@ -49,22 +77,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.initData =
   /*#__PURE__*/
   function () {
-    var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
+    var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(params) {
       var topoDispatchers;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context.next = 3;
+              _context2.next = 3;
               return topoDispatchers.initData(params);
 
             case 3:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, this);
+      }, _callee2, this);
     }));
 
     function initData(_x) {
@@ -86,22 +114,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.exit =
   /*#__PURE__*/
   function () {
-    var _exit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _exit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var topoDispatchers;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context2.next = 3;
+              _context3.next = 3;
               return topoDispatchers.exit();
 
             case 3:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2, this);
+      }, _callee3, this);
     }));
 
     function exit() {

package/es/utils/htElementUtils.js

@@ -91,6 +91,26 @@ export function getGroupNodes(dataModel, groupIdOrTag) {
     return element.groupId === groupIdOrTag || element.groupTag === groupIdOrTag;
   });
 }
+/**
+ * 获取容器里的节点列表
+ *
+ * @param group
+ * @return {*}
+ */
+
+export function getGroupChildren(group) {
+  // HT为了支持区域内无节点可展开增加了站位节点，因此 节点的layer等于container_blank的过滤掉就可以了
+  return group.getChildren().getArray().filter(function (node) {
+    return node._layer !== 'container_blank';
+  });
+}
+/**
+ * 获取容器里的节点数据列表
+ *
+ * @param group
+ * @return {*}
+ */
+
 export function getGroupChildrenData(group) {
-  return group.getChildren().getArray().map(getNodeData);
+  return getGroupChildren(group).map(getNodeData);
 }

package/lib/components/Link/index.js

@@ -21,7 +21,7 @@ var _ahooks = require("ahooks");
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 
@@ -79,15 +79,15 @@ var LinkDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var type = e.type,
           data = e.data;
 
-      if (type === _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_LINK) {
+      if (type === _event["default"].DATA_TYPE_RESOURCE_LINK) {
         api.show(data);
       }
     };
 
-    notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DATA_PICK, handleEvent);
+    notifier.on(_event["default"].EVENT_DATA_PICK, handleEvent);
     return function () {
       // 取消注册事件
-      notifier.off(_componentTopologyGraph.TopoEvent.EVENT_DATA_PICK, handleEvent);
+      notifier.off(_event["default"].EVENT_DATA_PICK, handleEvent);
     };
   }, []); // 从url打开
 
@@ -113,8 +113,8 @@ var LinkDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
             case 3:
               data = _context.sent;
-              topoApp.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_DATA_RESULT, {
-                type: _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO,
+              topoApp.view.topoClient.emitEvent(_event["default"].EVENT_DATA_RESULT, {
+                type: _event["default"].DATA_TYPE_RESOURCE_COMBO,
                 data: data
               });
 

package/lib/components/Link/index.module.scss

@@ -1,5 +1,5 @@
-@import '@riil-frontend/css/lib/index.scss';
-@import "@alifd/next/variables";
+//@import '@riil-frontend/css/lib/index.scss';
+@import "~@alifd/next/variables";
 
 .layout {
   height: 100%;

package/lib/components/ResourceSelectDrawer/ResourceSelectList.js

@@ -27,7 +27,10 @@ function ResourceSelectList(props, ref) {
       rowSelection: {
         mode: selectionMode
       }
-    } : undefined
+    } : undefined,
+    onCheckedChange: function onCheckedChange(val) {
+      return console.error(val);
+    }
   });
 }
 

package/lib/components/SingleResourceDrawer/SingleResourceDrawer.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("@riil-frontend/utils");
+
+var _Drawer = _interopRequireDefault(require("../Drawer"));
+
+var _ResourceList = _interopRequireDefault(require("../ResourceList"));
+
+var SingleResourceDrawer = function SingleResourceDrawer(props) {
+  var store = props.store,
+      visible = props.visible,
+      loading = props.loading,
+      selectedKey = props.selectedKey,
+      totalSelection = props.totalSelection,
+      onSave = props.onSave,
+      onClose = props.onClose;
+  var ref = (0, _react.useRef)();
+
+  var onDrawerSave = function onDrawerSave() {
+    var data = ref.current.getSelectedData();
+
+    if (!(0, _utils.isAvailableArray)(data)) {
+      _message["default"].error('请选择一项资源。');
+
+      return;
+    }
+
+    var intercept = onSave(data[0]);
+
+    if (!intercept) {
+      onClose();
+    }
+  };
+
+  var initialData = {
+    selected: [selectedKey],
+    total: totalSelection
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
+    title: "\u9009\u62E9\u8D44\u6E90",
+    visible: visible,
+    loading: loading,
+    onSave: onDrawerSave,
+    onClose: onClose,
+    buttons: ['确定', '取消']
+  }, /*#__PURE__*/_react["default"].createElement(_ResourceList["default"], {
+    ref: ref,
+    store: store,
+    initialData: initialData,
+    selectionMode: "single"
+  }));
+};
+
+var _default = SingleResourceDrawer;
+exports["default"] = _default;