@riil-frontend/component-topology 11.0.7 → 11.0.10

package/lib/core/editor/components/BottomFloatTool/HelpIcon.js

@@ -5,112 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
-
-var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _HelpIconModule = _interopRequireDefault(require("./HelpIcon.module.scss"));
-
-var _useCanvasThemeConfig2 = _interopRequireDefault(require("../../../hooks/useCanvasThemeConfig"));
-
-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; }
+var _react = _interopRequireDefault(require("react"));
 
 function HelpIcon(props) {
-  var topo = props.topo,
-      topoType = props.topoType;
-  var localStorageVal = localStorage.getItem(topoType + 'helpBoxHidden');
-
-  var _useState = (0, _react.useState)(),
-      helpBoxIsShow = _useState[0],
-      setHelpBoxIsShow = _useState[1]; //TODO:在主得style里面需要增加color与background属性，根据外部传值进行改变，默认值为$color-text1-4,#fff
-
-
-  var Row = _grid["default"].Row,
-      Col = _grid["default"].Col;
-
-  var _useCanvasThemeConfig = (0, _useCanvasThemeConfig2["default"])({
-    topo: topo
-  }),
-      themeConfig = _useCanvasThemeConfig.themeConfig;
-
-  var helpIconNames = themeConfig.editor.helpIcon;
-
-  var onChange = function onChange(visible, type) {
-    if (type != 'docClick') {
-      setHelpBoxIsShow(visible);
-      localStorage.setItem(topoType + 'helpBoxHidden', !visible);
-    }
-  };
-
-  var topoModState = topo.store.useModelState('topoMod');
-  var graphLoaded = topoModState.graphLoaded;
-  (0, _react.useEffect)(function () {
-    if (graphLoaded) {
-      setHelpBoxIsShow(localStorageVal == 'true' ? false : true);
-    }
-  }, [topo, graphLoaded]);
-  return /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
-    triggerType: "click",
-    align: "t",
-    trigger: /*#__PURE__*/_react["default"].createElement("div", {
-      className: _HelpIconModule["default"].topoHelpIconBtn,
-      onClick: function onClick() {
-        open;
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: "/img/topo/editor/bottomFloatTool/default.svg",
-      alt: "",
-      style: {
-        width: '15px',
-        height: '15px'
-      }
-    })),
-    closable: true,
-    visible: helpBoxIsShow,
-    onVisibleChange: onChange,
-    shouldUpdatePosition: true,
-    id: helpIconNames
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _HelpIconModule["default"].topoHelpIcon
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _HelpIconModule["default"][helpIconNames + 'Box']
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: _HelpIconModule["default"].title
-  }, "\u5FEB\u6377\u952E"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _HelpIconModule["default"].conten
-  }, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u590D\u5236"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "ctrl/\u2318+c")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u7C98\u8D34"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "ctrl/\u2318+v")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u64A4\u9500"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "ctrl/\u2318+z")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u6062\u590D"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "ctrl/\u2318+y")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u6587\u5B57\u52A0\u7C97"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "ctrl/\u2318+b")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u9009\u62E9-\u62D6\u5230"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "\u7A7A\u683C")), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "16"
-  }, "\u9000\u51FA\u94FE\u8DEF/\u7EBF\u7ED8\u5236"), /*#__PURE__*/_react["default"].createElement(Col, {
-    span: "8"
-  }, "\u9F20\u6807\u53F3\u952E"))))));
+  var topo = props.topo;
+  return /*#__PURE__*/_react["default"].createElement("div", null, "HelpIcon");
 }
 
 var _default = HelpIcon;

package/lib/core/hooks/useCanvasThemeConfig.js

@@ -15,16 +15,12 @@ var themeMap = [{
   color: '#FFFFFF',
   editor: {
     // 快捷帮助
-    helpIcon: 'white'
+    helpIcon: {}
   }
 }, {
   name: 'lightblue',
   label: '蓝色',
-  color: '#F9FBFF',
-  editor: {
-    // 快捷帮助
-    helpIcon: 'white'
-  }
+  color: '#F9FBFF'
 }, // {
 //   name: 'yellow',
 //   label: '黄色',
@@ -38,19 +34,11 @@ var themeMap = [{
 {
   name: 'dark',
   label: '深色',
-  color: '#031425',
-  editor: {
-    // 快捷帮助
-    helpIcon: 'dark'
-  }
+  color: '#031425'
 }, {
   name: 'poly',
   label: 'Poly',
-  backgroundImage: '/img/topo/themes/poly.png',
-  editor: {
-    // 快捷帮助
-    helpIcon: 'dark'
-  }
+  backgroundImage: '/img/topo/themes/poly.png'
 }].reduce(function (map, item) {
   var _extends2;
 

package/lib/core/hooks/useTopoEdit.js

@@ -263,8 +263,7 @@ var useTopoEdit = function useTopoEdit(params) {
       content: "是否仅删除区域或将区域包含的内容一同删除？",
       //footer:()=>{return <><Button type="primary" onClick={doDeleteOnlyGroup}>仅删除区域</Button><Button type="primary" onClick={doDeleteOnlyGroup}>确定</Button></>},
       okProps: {
-        children: "仅删除区域",
-        type: "normal"
+        children: "仅删除区域"
       },
       cancelProps: {
         children: "全部删除"
@@ -319,30 +318,27 @@ var useTopoEdit = function useTopoEdit(params) {
     });
 
     function doDeleteOnlyGroup() {
-      topo.historyManager.beginTransaction(); // console.log("仅删除区域", topo.view.topoClient, data);
-
+      // console.log("仅删除区域", topo.view.topoClient, data);
       var children = (0, _htElementUtils.getGroupChildren)(group);
       children.map(function (child) {
-        child.setParent(null); // var viewRect = topo.getGraphView().getViewRect();
-        // var nodeRect = child.getRect();
-        // child.setPosition(
-        //   viewRect.x + nodeRect.width + 2,
-        //   viewRect.y + nodeRect.height + 4
-        // ); // 解决集群从区域内移出时，连线位置未更新的问题
+        child.setParent(null);
+        var viewRect = topo.getGraphView().getViewRect();
+        var nodeRect = child.getRect();
+        child.setPosition(viewRect.x + nodeRect.width + 2, viewRect.y + nodeRect.height + 4); // 解决集群从区域内移出时，连线位置未更新的问题
 
         setTimeout(function () {
           child.iv();
           topo.historyManager.endTransaction();
         }, 50);
       });
-      topo.view.topoClient.deleteGroup(data);
-      topo.historyManager.endTransaction(); // console.log("仅删除区域", children, group);
+      topo.view.topoClient.deleteGroup(data); // console.log("仅删除区域", children, group);
     }
 
     function doDelete() {
       topo.historyManager.beginTransaction(); // FIXME 。如果命中其他的动态条件，则立即显示
 
       topo.view.topoClient.deleteGroup(data);
+      topo.historyManager.endTransaction();
     }
   };
 

package/lib/core/models/TopoApp.js

@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "11.0.7" === 'string' ? "11.0.7" : null;
+var version = typeof "11.0.10" === 'string' ? "11.0.10" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/models/tagstips/ElementTagTipConfig.js

@@ -83,7 +83,7 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
 
   _proto.getNodeFiedldMap = function getNodeFiedldMap() {
     var mtCodes = (0, _utils.getNodeMtCodes)(this.topoData);
-    return this.getFiedldMapByMtCodes(mtCodes, 'node');
+    return this.getFiedldMapByType(mtCodes, 'node');
   }
   /**
    * 获得节点字段配置项map
@@ -92,13 +92,8 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
 
   _proto.getLinkFidldMap = function getLinkFidldMap() {
     var mtCodes = (0, _utils.getLinkMtCodes)(this.topoData);
-    return this.getFiedldMapByMtCodes(mtCodes, 'link');
-  }
-  /**
-   * 获取链路标注悬浮框属性配置数据
-   * @returns 
-   */
-  ;
+    return this.getFiedldMapByType(mtCodes, 'link');
+  };
 
   _proto.getLinkConfigItems = function getLinkConfigItems() {
     var mtCodes = (0, _utils.getLinkMtCodes)(this.topoData);
@@ -128,48 +123,47 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
     // ]
   };
 
-  _proto.getFiedldMapByMtCodes = function getFiedldMapByMtCodes(mtCodes, type) {
+  _proto.getFiedldMapByType = function getFiedldMapByType(mtCodes, type) {
     var _this = this;
 
     var map = {};
     mtCodes.forEach(function (mtCode) {
       var ciType = _this.mtCiTypeMap[mtCode];
-      map[mtCode] = _this.getFiedldMapByType(ciType, type, mtCode);
-    });
-    return map;
-  };
 
-  _proto.getFiedldMapByType = function getFiedldMapByType(ciType, type, mtCode) {
-    var attributes = this.topo.ciTyeCache.getCiType(ciType).attributes.filter(function (attr) {
-      return !!attr.userVisible;
+      var attributes = _this.topo.ciTyeCache.getCiType(ciType).attributes.filter(function (attr) {
+        return !!attr.userVisible;
+      });
+
+      var metrics = _this.getMtMetricModels(mtCode);
+
+      var extItems = type === 'node' ? [{
+        lavel: '图片名称',
+        value: 'graph:name',
+        typeName: null
+      }, {
+        lavel: '资源类型',
+        value: 'ciType:name',
+        typeName: null
+      }] : [];
+      map[mtCode] = [].concat(extItems, attributes.map(function (item) {
+        return {
+          type: 'attribute',
+          id: "attribute:" + item.code,
+          code: "attribute:" + item.code,
+          name: item.name,
+          typeName: '属性'
+        };
+      }), metrics.map(function (item) {
+        return {
+          type: 'metric',
+          id: "metric:" + item.code,
+          code: "metric:" + item.code,
+          name: item.name,
+          typeName: '指标'
+        };
+      }));
     });
-    var metrics = this.getMtMetricModels(mtCode);
-    var extItems = type === 'node' ? [{
-      lavel: '图片名称',
-      value: 'graph:name',
-      typeName: null
-    }, {
-      lavel: '资源类型',
-      value: 'ciType:name',
-      typeName: null
-    }] : [];
-    return [].concat(extItems, attributes.map(function (item) {
-      return {
-        type: 'attribute',
-        id: "attribute:" + item.code,
-        code: "attribute:" + item.code,
-        name: item.name,
-        typeName: '属性'
-      };
-    }), metrics.map(function (item) {
-      return {
-        type: 'metric',
-        id: "metric:" + item.code,
-        code: "metric:" + item.code,
-        name: item.name,
-        typeName: '指标'
-      };
-    }));
+    return map;
   };
 
   _proto.getMtMetricModels = function getMtMetricModels(mtCode) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "11.0.7",
+  "version": "11.0.10",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -118,6 +118,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.7/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.10/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }

package/es/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js

@@ -1,82 +0,0 @@
-import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef } from 'react';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import ModelAttrSelectDrawer from "./ModelAttrSelectDrawer";
-
-function parseValue(value) {
-  var selected = {};
-  Object.keys(value).forEach(function (ciType) {
-    selected[ciType] = value[ciType].map(function (_ref) {
-      var type = _ref.type,
-          code = _ref.code;
-      return type + ":" + code;
-    });
-  });
-  return selected;
-}
-/**
- * 资源显示属性、指标配置
- */
-
-
-var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
-  var value = props.value,
-      data = props.data,
-      showType = props.showType,
-      limit = props.limit,
-      onChange = props.onChange,
-      queryData = props.queryData;
-  var batchAttrMetric = useRef();
-
-  var _useState = useState(parseValue((value === null || value === void 0 ? void 0 : value.data) || {})),
-      selected = _useState[0],
-      setSelected = _useState[1];
-
-  useEffect(function () {
-    setSelected(parseValue((value === null || value === void 0 ? void 0 : value.data) || {}));
-  }, [value]); // 点击选择数据，显示抽屉
-
-  var show = function show() {
-    queryData();
-    batchAttrMetric.current.show({
-      showType: showType
-    });
-  };
-
-  useImperativeHandle(ref, function () {
-    return {
-      show: show
-    };
-  }); // 保存指标设置
-
-  var save = function save(showType, parm) {
-    rlog.debug('saveMarkSetting', showType, parm);
-    var newSelected = {};
-    Object.keys(parm).forEach(function (ciType) {
-      newSelected[ciType] = parm[ciType].map(function (id) {
-        var _id$split = id.split(':'),
-            type = _id$split[0],
-            code = _id$split[1];
-
-        return {
-          code: code,
-          type: type
-        };
-      });
-    });
-    onChange({
-      isCustom: true,
-      data: newSelected
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(ModelAttrSelectDrawer, {
-    ref: batchAttrMetric,
-    value: selected,
-    dataSource: data,
-    limit: limit,
-    showType: showType,
-    onOk: save
-  });
-});
-MultipleTypeAttributeSelectDrawer.displayName = 'MultipleTypeAttributeSelectDrawer';
-export default MultipleTypeAttributeSelectDrawer;

package/es/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["topo", "showType", "value"];
-import React, { forwardRef, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
-import ModelAttrSelectDrawer from "../../../../components/ModelAttrSelectDrawer";
-import { getNodeModels } from "../../ResourceViewAttributeSetting/nodeCiTypeAttrUtil";
-/**
- * 节点标注、悬浮框设置
- */
-
-var NodeAttrSettingDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
-  var topo = props.topo,
-      showType = props.showType,
-      value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var _useState = useState([]),
-      data = _useState[0],
-      setData = _useState[1];
-
-  var queryData = function queryData() {
-    rlog.info('属性配置：加载数据');
-    var items = getNodeModels(topo);
-    setData(items);
-  };
-
-  return /*#__PURE__*/React.createElement(ModelAttrSelectDrawer, _extends({
-    ref: ref
-  }, otherProps, {
-    value: value,
-    data: data,
-    showType: showType,
-    queryData: queryData
-  }));
-});
-NodeAttrSettingDrawer.displayName = 'NodeAttrSettingDrawer';
-NodeAttrSettingDrawer.propTypes = {};
-export default NodeAttrSettingDrawer;

package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss

@@ -1,68 +0,0 @@
-.topoHelpIconBtn{
-    width: '100%';
-    height: '100%';
-    margin: 0;
-    padding: 0;
-    border: 0;
-}
-:global{
-    #white.next-overlay-inner{
-        padding: 10px;
-        .next-balloon-close{
-            right: 10px;
-        }
-    }
-    #dark.next-overlay-inner{
-        padding: 10px;
-        background-color: #063658;
-        border-color: #08A5F4;
-        .next-balloon-close{
-            right: 10px;
-            /* color:$color-text1-5; */
-            color:#fff;
-        }
-    }
-    #dark.next-overlay-inner:after{
-        border-color: #08A5F4;
-        background: #063658;
-    }
-}
-.topoHelpIcon{
-    width: 187px;
-    .whiteBox,.darkBox{
-        color:$color-text1-4;
-        font-size: 12px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        width: 187px;
-        background: #FFFFFF;
-        .title{
-            line-height: 15px;
-            font-weight: 500;
-        }
-        .colse{
-            float: right;
-            cursor: pointer;
-        }
-        .conten{
-            color:$color-text1-6;
-            font-weight: 400;
-            line-height: 20px;
-            :global{
-                .next-row{
-                    margin: 4px 0;
-                }
-                .next-col-8{
-                    text-align: right;
-                }
-            }
-        }
-        
-    }
-    .darkBox{
-        background: #063658;
-        color:$color-text1-5;
-        .conten{
-            color:$color-text1-5;
-        }
-    }
-}

package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _ModelAttrSelectDrawer = _interopRequireDefault(require("./ModelAttrSelectDrawer"));
-
-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 parseValue(value) {
-  var selected = {};
-  Object.keys(value).forEach(function (ciType) {
-    selected[ciType] = value[ciType].map(function (_ref) {
-      var type = _ref.type,
-          code = _ref.code;
-      return type + ":" + code;
-    });
-  });
-  return selected;
-}
-/**
- * 资源显示属性、指标配置
- */
-
-
-var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var value = props.value,
-      data = props.data,
-      showType = props.showType,
-      limit = props.limit,
-      onChange = props.onChange,
-      queryData = props.queryData;
-  var batchAttrMetric = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(parseValue((value === null || value === void 0 ? void 0 : value.data) || {})),
-      selected = _useState[0],
-      setSelected = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    setSelected(parseValue((value === null || value === void 0 ? void 0 : value.data) || {}));
-  }, [value]); // 点击选择数据，显示抽屉
-
-  var show = function show() {
-    queryData();
-    batchAttrMetric.current.show({
-      showType: showType
-    });
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      show: show
-    };
-  }); // 保存指标设置
-
-  var save = function save(showType, parm) {
-    _rlog["default"].debug('saveMarkSetting', showType, parm);
-
-    var newSelected = {};
-    Object.keys(parm).forEach(function (ciType) {
-      newSelected[ciType] = parm[ciType].map(function (id) {
-        var _id$split = id.split(':'),
-            type = _id$split[0],
-            code = _id$split[1];
-
-        return {
-          code: code,
-          type: type
-        };
-      });
-    });
-    onChange({
-      isCustom: true,
-      data: newSelected
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_ModelAttrSelectDrawer["default"], {
-    ref: batchAttrMetric,
-    value: selected,
-    dataSource: data,
-    limit: limit,
-    showType: showType,
-    onOk: save
-  });
-});
-MultipleTypeAttributeSelectDrawer.displayName = 'MultipleTypeAttributeSelectDrawer';
-var _default = MultipleTypeAttributeSelectDrawer;
-exports["default"] = _default;