@riil-frontend/component-topology 2.9.0 → 2.10.0-alpha-2

package/es/components/TemplateButton/Icon.js

@@ -4,13 +4,14 @@ import Icons from "./assets";
 var Icon = function Icon(props) {
   var _props$alt = props.alt,
       alt = _props$alt === void 0 ? '' : _props$alt,
+      img = props.img,
       type = props.type,
       className = props.className,
       rotate = props.rotate;
   var style = rotate ? {
     transform: "rotate(" + rotate + "deg)"
   } : null;
-  var src = Icons[type];
+  var src = img || Icons[type];
   return /*#__PURE__*/React.createElement("img", {
     className: className,
     style: style,

package/es/components/TemplateButton/assets/index.js

@@ -1,12 +1,8 @@
-import IconTplBlank from "./topo_tpl_blank.svg";
-import IconTplRegion from "./topo_tpl_region.svg"; // import IconTplLayeredRing from './topo_tpl_layered_ring.svg';
-
+// import IconTplLayeredRing from './topo_tpl_layered_ring.svg';
 import IconLayoutCircular from "./topo_layout_circular.svg";
 import IconLayoutHierarchical from "./topo_layout_hierarchical.svg";
 import IconLayoutToward from "./topo_layout_toward.svg";
 export default {
-  'tpl_blank': IconTplBlank,
-  'tpl_region': IconTplRegion,
   // 'tpl_layered_ring': IconTplLayeredRing,
   'layout_circular': IconLayoutCircular,
   'layout_hierarchical': IconLayoutHierarchical,

package/es/components/TemplateButton/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "children", "icon", "id", "selected", "onSelect", "iconClassName", "textClassName"];
+var _excluded = ["className", "children", "icon", "id", "selected", "onSelect", "img", "iconClassName", "textClassName"];
 import React from 'react';
 import classnames from 'classnames';
 import Icon from "./Icon";
@@ -14,6 +14,7 @@ var TemplateButton = function TemplateButton(props) {
       selected = props.selected,
       _props$onSelect = props.onSelect,
       onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      img = props.img,
       iconClassName = props.iconClassName,
       textClassName = props.textClassName,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
@@ -29,6 +30,7 @@ var TemplateButton = function TemplateButton(props) {
     className: styles.iconWrapper
   }, /*#__PURE__*/React.createElement(Icon, _extends({
     className: classnames(styles.icon, iconClassName),
+    img: img,
     type: icon
   }, rest))), /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.text, textClassName)

package/es/core/models/utils/linkUtils.js

@@ -7,8 +7,8 @@ export function mergeLinksData(links, relationDetails) {
   return links.map(function (link) {
     var relation = findItem(relationDetails, 'id', link.id);
     return _extends({}, link, {
-      ciType: relation.typeCode,
-      name: relation.attributes.name,
+      ciType: relation === null || relation === void 0 ? void 0 : relation.typeCode,
+      name: relation === null || relation === void 0 ? void 0 : relation.attributes.name,
       detail: relation
     });
   });

package/es/core/viewer/components/titlebar/ViewerTools.js

@@ -6,10 +6,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import styles from "../../../components/titlebar/TitleBar.module.scss";
 import EditButton from "./widgets/EditButton";
+import useSetDefaultTopo from "./useSetDefaultTopo";
 export default function ViewerTools(props) {
   var topo = props.topo,
       _props$showEditButton = props.showEditButton,
       showEditButton = _props$showEditButton === void 0 ? true : _props$showEditButton;
+  var setDefaultTopo = useSetDefaultTopo({
+    topo: topo
+  });
   return /*#__PURE__*/React.createElement("div", null, showEditButton && /*#__PURE__*/React.createElement(EditButton, _extends({
     topo: topo
   }, props)), /*#__PURE__*/React.createElement(_Dropdown, {
@@ -19,7 +23,7 @@ export default function ViewerTools(props) {
       type: "ellipsis-vertical"
     })),
     triggerType: "click"
-  }, /*#__PURE__*/React.createElement(_Menu, null, /*#__PURE__*/React.createElement(_Menu.Item, {
+  }, /*#__PURE__*/React.createElement(_Menu, null, setDefaultTopo.renderMenuItem(), /*#__PURE__*/React.createElement(_Menu.Item, {
     onClick: function onClick() {
       topo.exportImage();
     }

package/es/core/viewer/components/titlebar/useSetDefaultTopo.js

@@ -0,0 +1,30 @@
+import _Menu from "@alifd/next/lib/menu";
+import React from 'react';
+import { findNodeById } from "../../../../utils/tree";
+export default function useSetDefaultTopo(props) {
+  var _findNodeById;
+
+  var topo = props.topo;
+  var store = topo.store;
+  var functionAuthState = store.useModelState('functionAuth');
+  var topoModState = store.useModelState('topoMod');
+
+  var _store$useModel = store.useModel('topoTreeMod'),
+      topoTreeState = _store$useModel[0],
+      topoTreeDispatchers = _store$useModel[1];
+
+  var isDefault = (_findNodeById = findNodeById(topoTreeState.treeData, topoModState.topoId)) === null || _findNodeById === void 0 ? void 0 : _findNodeById.showDefault;
+  var showButton = !!functionAuthState.permissions.manageNavTree && !isDefault;
+
+  var setDefault = function setDefault() {
+    topoTreeDispatchers.setDefTopoOnTree(topoModState.topoId);
+  };
+
+  return {
+    renderMenuItem: function renderMenuItem() {
+      return showButton && /*#__PURE__*/React.createElement(_Menu.Item, {
+        onClick: setDefault
+      }, "\u8BBE\u4E3A\u9ED8\u8BA4\u62D3\u6251");
+    }
+  };
+}

package/es/models/topoMod.js

@@ -21,6 +21,7 @@ export default function (topoApp) {
       topoLoadError: false,
       viewState: 'view',
       // view, create, 2种模式
+      id: undefined,
       topoId: '',
       topoName: '',
       topoData: null,
@@ -35,9 +36,9 @@ export default function (topoApp) {
       topoAlarmIsOpen: false,
       // 拓扑通道是否打开
       alarmData: null,
-      // 概览抽屉中告警列表相关数据
+      // 概览抽屉中告警列表相关数据 TODO 抽取
       currentCiInfo: null,
-      // 概览抽屉当前CI元数据
+      // 概览抽屉当前CI元数据 TODO 抽取
       resAndMetrics: {
         res: [],
         metrics: [],

package/es/utils/tree.js

@@ -93,6 +93,11 @@ export function findNodeById(tree, id) {
 
 export function findParentIdsById(tree, id) {
   var node = findNodeById(tree, id);
+
+  if (!node) {
+    return [];
+  }
+
   var parentId = "" + node.parentId;
 
   if (parentId === '-1') {

package/lib/components/TemplateButton/Icon.js

@@ -12,13 +12,14 @@ var _assets = _interopRequireDefault(require("./assets"));
 var Icon = function Icon(props) {
   var _props$alt = props.alt,
       alt = _props$alt === void 0 ? '' : _props$alt,
+      img = props.img,
       type = props.type,
       className = props.className,
       rotate = props.rotate;
   var style = rotate ? {
     transform: "rotate(" + rotate + "deg)"
   } : null;
-  var src = _assets["default"][type];
+  var src = img || _assets["default"][type];
   return /*#__PURE__*/_react["default"].createElement("img", {
     className: className,
     style: style,

package/lib/components/TemplateButton/assets/index.js

@@ -5,10 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _topo_tpl_blank = _interopRequireDefault(require("./topo_tpl_blank.svg"));
-
-var _topo_tpl_region = _interopRequireDefault(require("./topo_tpl_region.svg"));
-
 var _topo_layout_circular = _interopRequireDefault(require("./topo_layout_circular.svg"));
 
 var _topo_layout_hierarchical = _interopRequireDefault(require("./topo_layout_hierarchical.svg"));
@@ -17,8 +13,6 @@ var _topo_layout_toward = _interopRequireDefault(require("./topo_layout_toward.s
 
 // import IconTplLayeredRing from './topo_tpl_layered_ring.svg';
 var _default = {
-  'tpl_blank': _topo_tpl_blank["default"],
-  'tpl_region': _topo_tpl_region["default"],
   // 'tpl_layered_ring': IconTplLayeredRing,
   'layout_circular': _topo_layout_circular["default"],
   'layout_hierarchical': _topo_layout_hierarchical["default"],

package/lib/components/TemplateButton/index.js

@@ -17,7 +17,7 @@ var _Icon = _interopRequireDefault(require("./Icon"));
 
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 
-var _excluded = ["className", "children", "icon", "id", "selected", "onSelect", "iconClassName", "textClassName"];
+var _excluded = ["className", "children", "icon", "id", "selected", "onSelect", "img", "iconClassName", "textClassName"];
 
 var TemplateButton = function TemplateButton(props) {
   var className = props.className,
@@ -27,6 +27,7 @@ var TemplateButton = function TemplateButton(props) {
       selected = props.selected,
       _props$onSelect = props.onSelect,
       onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      img = props.img,
       iconClassName = props.iconClassName,
       textClassName = props.textClassName,
       rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
@@ -42,6 +43,7 @@ var TemplateButton = function TemplateButton(props) {
     className: _indexModule["default"].iconWrapper
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({
     className: (0, _classnames["default"])(_indexModule["default"].icon, iconClassName),
+    img: img,
     type: icon
   }, rest))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_indexModule["default"].text, textClassName)

package/lib/core/models/utils/linkUtils.js

@@ -21,8 +21,8 @@ function mergeLinksData(links, relationDetails) {
   return links.map(function (link) {
     var relation = (0, _topoData.findItem)(relationDetails, 'id', link.id);
     return (0, _extends2["default"])({}, link, {
-      ciType: relation.typeCode,
-      name: relation.attributes.name,
+      ciType: relation === null || relation === void 0 ? void 0 : relation.typeCode,
+      name: relation === null || relation === void 0 ? void 0 : relation.attributes.name,
       detail: relation
     });
   });

package/lib/core/viewer/components/titlebar/ViewerTools.js

@@ -23,10 +23,15 @@ var _TitleBarModule = _interopRequireDefault(require("../../../components/titleb
 
 var _EditButton = _interopRequireDefault(require("./widgets/EditButton"));
 
+var _useSetDefaultTopo = _interopRequireDefault(require("./useSetDefaultTopo"));
+
 function ViewerTools(props) {
   var topo = props.topo,
       _props$showEditButton = props.showEditButton,
       showEditButton = _props$showEditButton === void 0 ? true : _props$showEditButton;
+  var setDefaultTopo = (0, _useSetDefaultTopo["default"])({
+    topo: topo
+  });
   return /*#__PURE__*/_react["default"].createElement("div", null, showEditButton && /*#__PURE__*/_react["default"].createElement(_EditButton["default"], (0, _extends2["default"])({
     topo: topo
   }, props)), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
@@ -36,7 +41,7 @@ function ViewerTools(props) {
       type: "ellipsis-vertical"
     })),
     triggerType: "click"
-  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], null, /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
+  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], null, setDefaultTopo.renderMenuItem(), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
     onClick: function onClick() {
       topo.exportImage();
     }

package/lib/core/viewer/components/titlebar/useSetDefaultTopo.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = useSetDefaultTopo;
+
+var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tree = require("../../../../utils/tree");
+
+function useSetDefaultTopo(props) {
+  var _findNodeById;
+
+  var topo = props.topo;
+  var store = topo.store;
+  var functionAuthState = store.useModelState('functionAuth');
+  var topoModState = store.useModelState('topoMod');
+
+  var _store$useModel = store.useModel('topoTreeMod'),
+      topoTreeState = _store$useModel[0],
+      topoTreeDispatchers = _store$useModel[1];
+
+  var isDefault = (_findNodeById = (0, _tree.findNodeById)(topoTreeState.treeData, topoModState.topoId)) === null || _findNodeById === void 0 ? void 0 : _findNodeById.showDefault;
+  var showButton = !!functionAuthState.permissions.manageNavTree && !isDefault;
+
+  var setDefault = function setDefault() {
+    topoTreeDispatchers.setDefTopoOnTree(topoModState.topoId);
+  };
+
+  return {
+    renderMenuItem: function renderMenuItem() {
+      return showButton && /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
+        onClick: setDefault
+      }, "\u8BBE\u4E3A\u9ED8\u8BA4\u62D3\u6251");
+    }
+  };
+}

package/lib/models/topoMod.js

@@ -40,6 +40,7 @@ function _default(topoApp) {
       topoLoadError: false,
       viewState: 'view',
       // view, create, 2种模式
+      id: undefined,
       topoId: '',
       topoName: '',
       topoData: null,
@@ -54,9 +55,9 @@ function _default(topoApp) {
       topoAlarmIsOpen: false,
       // 拓扑通道是否打开
       alarmData: null,
-      // 概览抽屉中告警列表相关数据
+      // 概览抽屉中告警列表相关数据 TODO 抽取
       currentCiInfo: null,
-      // 概览抽屉当前CI元数据
+      // 概览抽屉当前CI元数据 TODO 抽取
       resAndMetrics: {
         res: [],
         metrics: [],

package/lib/utils/tree.js

@@ -111,6 +111,11 @@ function findNodeById(tree, id) {
 
 function findParentIdsById(tree, id) {
   var node = findNodeById(tree, id);
+
+  if (!node) {
+    return [];
+  }
+
   var parentId = "" + node.parentId;
 
   if (parentId === '-1') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "2.9.0",
+  "version": "2.10.0-alpha-2",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -43,7 +43,7 @@
     "@alifd/biz-anchor": "^1.1.7",
     "@ice/store": "^1.4.2",
     "@riil-frontend/component-topo-icon-select": "^1.0.3",
-    "@riil-frontend/component-topology-common": "^1.0.0",
+    "@riil-frontend/component-topology-common": "^1.0.1",
     "@riil-frontend/component-topology-utils": "^2.0.18",
     "classnames": "^2.2.3",
     "prop-types": "^15.5.8",
@@ -67,7 +67,7 @@
     "@riil-frontend/component-row-delete-ballon": "^1.0.2",
     "@riil-frontend/component-table-filter-tags": "latest",
     "@riil-frontend/component-table-layout": "^2.0.2",
-    "@riil-frontend/component-topology-graph": "^2.2.5",
+    "@riil-frontend/component-topology-graph": "^2.3.0",
     "@riil-frontend/css": "^2.0.2",
     "@riil-frontend/hooks": "latest",
     "@riil-frontend/next-collapse": "^1.0.1-a.0",
@@ -83,6 +83,7 @@
     "enzyme-adapter-react-16": "^1.14.0",
     "eslint": "^6.0.1",
     "html2canvas": "^1.3.2",
+    "lnk-cli": "^1.0.1",
     "jspdf": "^2.3.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -102,6 +103,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.9.0/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.10.0-alpha-2/build/index.html",
   "gitHead": "62eadeca07c85ed047f2e933676f62015eff98cc"
 }

package/es/components/TemplateButton/assets/topo_tpl_blank.svg

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
-    <title>空白布局</title>
-    <desc>Created with Sketch.</desc>
-    <g id="空白布局" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M37,26 L37,35 L46,35 L46,37 L36.999,37 L37,46 L35,46 L34.999,37 L26,37 L26,35 L35,35 L35,26 L37,26 Z" id="形状结合" fill="#BACCE7"></path>
-    </g>
-</svg>

package/es/components/TemplateButton/assets/topo_tpl_region.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
-    <title>分区模板</title>
-    <desc>Created with Sketch.</desc>
-    <g id="分区模板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M37.4108219,46 L56.7414238,54.2053537 L56.3506927,55.1258586 L37.0200908,46.9205049 L37.4108219,46 Z M22.871829,36.753946 L23.7628355,37.2079365 L15.5910065,53.246054 L14.7,52.7920635 L22.871829,36.753946 Z M28.1986355,36 L33.0131557,42.3890841 L32.2145202,42.9908991 L27.4,36.601815 L28.1986355,36 Z M39.8203046,35.3138118 L40.6774719,35.8288498 L36.5571673,42.6861882 L35.7,42.1711502 L39.8203046,35.3138118 Z M38.4052184,30.9378651 L38.5270878,31.9304113 L29.5941724,33.0272354 L29.4723031,32.0346892 L38.4052184,30.9378651 Z M36.8480481,18.1026075 L42.1472407,26.5830885 L41.2991926,27.1130077 L36,18.6325268 L36.8480481,18.1026075 Z" id="形状结合" fill="#BACCE7"></path>
-        <path d="M34.5,42 C35.8807119,42 37,43.1192881 37,44.5 C37,45.8807119 35.8807119,47 34.5,47 C33.1192881,47 32,45.8807119 32,44.5 C32,43.1192881 33.1192881,42 34.5,42 Z M25.5,30 C27.4329966,30 29,31.5670034 29,33.5 C29,35.4329966 27.4329966,37 25.5,37 C23.5670034,37 22,35.4329966 22,33.5 C22,31.5670034 23.5670034,30 25.5,30 Z" id="形状结合" fill="#DAE4F0"></path>
-        <path d="M34.5,41 C36.4329966,41 38,42.5670034 38,44.5 C38,46.4329966 36.4329966,48 34.5,48 C32.5670034,48 31,46.4329966 31,44.5 C31,42.5670034 32.5670034,41 34.5,41 Z M34.5,42.0208333 C33.1307941,42.0208333 32.0208333,43.1307941 32.0208333,44.5 C32.0208333,45.8692059 33.1307941,46.9791667 34.5,46.9791667 C35.8692059,46.9791667 36.9791667,45.8692059 36.9791667,44.5 C36.9791667,43.1307941 35.8692059,42.0208333 34.5,42.0208333 Z M25.5,29 C27.9852814,29 30,31.0147186 30,33.5 C30,35.9852814 27.9852814,38 25.5,38 C23.0147186,38 21,35.9852814 21,33.5 C21,31.0147186 23.0147186,29 25.5,29 Z M43.5,26 C46.5375661,26 49,28.4624339 49,31.5 C49,34.5375661 46.5375661,37 43.5,37 C40.4624339,37 38,34.5375661 38,31.5 C38,28.4624339 40.4624339,26 43.5,26 Z M25.5,30.3125 C23.7395924,30.3125 22.3125,31.7395924 22.3125,33.5 C22.3125,35.2604076 23.7395924,36.6875 25.5,36.6875 C27.2604076,36.6875 28.6875,35.2604076 28.6875,33.5 C28.6875,31.7395924 27.2604076,30.3125 25.5,30.3125 Z M43.5,27.6041667 C41.3483907,27.6041667 39.6041667,29.3483907 39.6041667,31.5 C39.6041667,33.6516093 41.3483907,35.3958333 43.5,35.3958333 C45.6516093,35.3958333 47.3958333,33.6516093 47.3958333,31.5 C47.3958333,29.3483907 45.6516093,27.6041667 43.5,27.6041667 Z" id="形状结合" fill="#BACCE7"></path>
-        <path d="M19.9740011,55.3291419 L11.9977407,59.2665035 L4.02151551,55.3291419 C3.58277372,55.0973834 3.61203021,54.5461528 4.04964675,54.3447927 L11.4138769,51.1307663 C11.7738864,50.9564112 12.1934989,50.9564112 12.5523832,51.1307663 L19.9155057,54.3144119 C20.4150109,54.5461528 20.4150109,55.0973834 19.9740011,55.3291419 Z M10.3912537,68.8489288 L3.64125153,65.2018014 C3.23399914,64.9993161 3,64.6505708 3,64.2467253 L3,56.9209471 C3,56.4867209 3.55575015,56.2245993 3.96525304,56.4574654 L11.4689965,60.2486023 L11.4689965,68.4281875 C11.4948773,68.8343186 10.9020115,69.1661681 10.3912537,68.8489288 Z M13.6357523,68.8489288 L20.3857545,65.2018014 C20.7660009,64.9993161 21,64.6505708 21,64.2467077 L21,56.9209471 C21,56.4867209 20.4442498,56.2245993 20.034747,56.4574654 L12.4702576,60.2441014 L12.4702576,68.4225791 C12.4702576,68.8556801 13.0800021,69.213427 13.6323765,68.850054 L13.6357523,68.850054 L13.6357523,68.8489288 Z" id="形状" fill="#BACCE7"></path>
-        <path d="M42.9740011,5.32914186 L34.9977407,9.26650349 L27.0215155,5.32914186 C26.5827737,5.09738343 26.6120302,4.5461528 27.0496467,4.34479266 L34.4138769,1.13076629 C34.7738864,0.956411235 35.1934989,0.956411235 35.5523832,1.13076629 L42.9155057,4.31441195 C43.4150109,4.5461528 43.4150109,5.09738343 42.9740011,5.32914186 Z M33.3912537,18.8489288 L26.6412515,15.2018014 C26.2339991,14.9993161 26,14.6505708 26,14.2467253 L26,6.9209471 C26,6.4867209 26.5557502,6.22459934 26.965253,6.4574654 L34.4689965,10.2486023 L34.4689965,18.4281875 C34.4948773,18.8343186 33.9020115,19.1661681 33.3912537,18.8489288 Z M36.6357523,18.8489288 L43.3857545,15.2018014 C43.7660009,14.9993161 44,14.6505708 44,14.2467077 L44,6.9209471 C44,6.4867209 43.4442498,6.22459934 43.034747,6.4574654 L35.4702576,10.2441014 L35.4702576,18.4225791 C35.4702576,18.8556801 36.0800021,19.213427 36.6323765,18.850054 L36.6357523,18.850054 L36.6357523,18.8489288 Z" id="形状" fill="#BACCE7"></path>
-        <path d="M68.9740011,56.3291419 L60.9977407,60.2665035 L53.0215155,56.3291419 C52.5827737,56.0973834 52.6120302,55.5461528 53.0496467,55.3447927 L60.4138769,52.1307663 C60.7738864,51.9564112 61.1934989,51.9564112 61.5523832,52.1307663 L68.9155057,55.3144119 C69.4150109,55.5461528 69.4150109,56.0973834 68.9740011,56.3291419 Z M59.3912537,69.8489288 L52.6412515,66.2018014 C52.2339991,65.9993161 52,65.6505708 52,65.2467253 L52,57.9209471 C52,57.4867209 52.5557502,57.2245993 52.965253,57.4574654 L60.4689965,61.2486023 L60.4689965,69.4281875 C60.4948773,69.8343186 59.9020115,70.1661681 59.3912537,69.8489288 Z M62.6357523,69.8489288 L69.3857545,66.2018014 C69.7660009,65.9993161 70,65.6505708 70,65.2467077 L70,57.9209471 C70,57.4867209 69.4442498,57.2245993 69.034747,57.4574654 L61.4702576,61.2441014 L61.4702576,69.4225791 C61.4702576,69.8556801 62.0800021,70.213427 62.6323765,69.850054 L62.6357523,69.850054 L62.6357523,69.8489288 Z" id="形状" fill="#BACCE7"></path>
-    </g>
-</svg>

package/lib/components/TemplateButton/assets/topo_tpl_blank.svg

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
-    <title>空白布局</title>
-    <desc>Created with Sketch.</desc>
-    <g id="空白布局" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M37,26 L37,35 L46,35 L46,37 L36.999,37 L37,46 L35,46 L34.999,37 L26,37 L26,35 L35,35 L35,26 L37,26 Z" id="形状结合" fill="#BACCE7"></path>
-    </g>
-</svg>

package/lib/components/TemplateButton/assets/topo_tpl_region.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
-    <title>分区模板</title>
-    <desc>Created with Sketch.</desc>
-    <g id="分区模板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M37.4108219,46 L56.7414238,54.2053537 L56.3506927,55.1258586 L37.0200908,46.9205049 L37.4108219,46 Z M22.871829,36.753946 L23.7628355,37.2079365 L15.5910065,53.246054 L14.7,52.7920635 L22.871829,36.753946 Z M28.1986355,36 L33.0131557,42.3890841 L32.2145202,42.9908991 L27.4,36.601815 L28.1986355,36 Z M39.8203046,35.3138118 L40.6774719,35.8288498 L36.5571673,42.6861882 L35.7,42.1711502 L39.8203046,35.3138118 Z M38.4052184,30.9378651 L38.5270878,31.9304113 L29.5941724,33.0272354 L29.4723031,32.0346892 L38.4052184,30.9378651 Z M36.8480481,18.1026075 L42.1472407,26.5830885 L41.2991926,27.1130077 L36,18.6325268 L36.8480481,18.1026075 Z" id="形状结合" fill="#BACCE7"></path>
-        <path d="M34.5,42 C35.8807119,42 37,43.1192881 37,44.5 C37,45.8807119 35.8807119,47 34.5,47 C33.1192881,47 32,45.8807119 32,44.5 C32,43.1192881 33.1192881,42 34.5,42 Z M25.5,30 C27.4329966,30 29,31.5670034 29,33.5 C29,35.4329966 27.4329966,37 25.5,37 C23.5670034,37 22,35.4329966 22,33.5 C22,31.5670034 23.5670034,30 25.5,30 Z" id="形状结合" fill="#DAE4F0"></path>
-        <path d="M34.5,41 C36.4329966,41 38,42.5670034 38,44.5 C38,46.4329966 36.4329966,48 34.5,48 C32.5670034,48 31,46.4329966 31,44.5 C31,42.5670034 32.5670034,41 34.5,41 Z M34.5,42.0208333 C33.1307941,42.0208333 32.0208333,43.1307941 32.0208333,44.5 C32.0208333,45.8692059 33.1307941,46.9791667 34.5,46.9791667 C35.8692059,46.9791667 36.9791667,45.8692059 36.9791667,44.5 C36.9791667,43.1307941 35.8692059,42.0208333 34.5,42.0208333 Z M25.5,29 C27.9852814,29 30,31.0147186 30,33.5 C30,35.9852814 27.9852814,38 25.5,38 C23.0147186,38 21,35.9852814 21,33.5 C21,31.0147186 23.0147186,29 25.5,29 Z M43.5,26 C46.5375661,26 49,28.4624339 49,31.5 C49,34.5375661 46.5375661,37 43.5,37 C40.4624339,37 38,34.5375661 38,31.5 C38,28.4624339 40.4624339,26 43.5,26 Z M25.5,30.3125 C23.7395924,30.3125 22.3125,31.7395924 22.3125,33.5 C22.3125,35.2604076 23.7395924,36.6875 25.5,36.6875 C27.2604076,36.6875 28.6875,35.2604076 28.6875,33.5 C28.6875,31.7395924 27.2604076,30.3125 25.5,30.3125 Z M43.5,27.6041667 C41.3483907,27.6041667 39.6041667,29.3483907 39.6041667,31.5 C39.6041667,33.6516093 41.3483907,35.3958333 43.5,35.3958333 C45.6516093,35.3958333 47.3958333,33.6516093 47.3958333,31.5 C47.3958333,29.3483907 45.6516093,27.6041667 43.5,27.6041667 Z" id="形状结合" fill="#BACCE7"></path>
-        <path d="M19.9740011,55.3291419 L11.9977407,59.2665035 L4.02151551,55.3291419 C3.58277372,55.0973834 3.61203021,54.5461528 4.04964675,54.3447927 L11.4138769,51.1307663 C11.7738864,50.9564112 12.1934989,50.9564112 12.5523832,51.1307663 L19.9155057,54.3144119 C20.4150109,54.5461528 20.4150109,55.0973834 19.9740011,55.3291419 Z M10.3912537,68.8489288 L3.64125153,65.2018014 C3.23399914,64.9993161 3,64.6505708 3,64.2467253 L3,56.9209471 C3,56.4867209 3.55575015,56.2245993 3.96525304,56.4574654 L11.4689965,60.2486023 L11.4689965,68.4281875 C11.4948773,68.8343186 10.9020115,69.1661681 10.3912537,68.8489288 Z M13.6357523,68.8489288 L20.3857545,65.2018014 C20.7660009,64.9993161 21,64.6505708 21,64.2467077 L21,56.9209471 C21,56.4867209 20.4442498,56.2245993 20.034747,56.4574654 L12.4702576,60.2441014 L12.4702576,68.4225791 C12.4702576,68.8556801 13.0800021,69.213427 13.6323765,68.850054 L13.6357523,68.850054 L13.6357523,68.8489288 Z" id="形状" fill="#BACCE7"></path>
-        <path d="M42.9740011,5.32914186 L34.9977407,9.26650349 L27.0215155,5.32914186 C26.5827737,5.09738343 26.6120302,4.5461528 27.0496467,4.34479266 L34.4138769,1.13076629 C34.7738864,0.956411235 35.1934989,0.956411235 35.5523832,1.13076629 L42.9155057,4.31441195 C43.4150109,4.5461528 43.4150109,5.09738343 42.9740011,5.32914186 Z M33.3912537,18.8489288 L26.6412515,15.2018014 C26.2339991,14.9993161 26,14.6505708 26,14.2467253 L26,6.9209471 C26,6.4867209 26.5557502,6.22459934 26.965253,6.4574654 L34.4689965,10.2486023 L34.4689965,18.4281875 C34.4948773,18.8343186 33.9020115,19.1661681 33.3912537,18.8489288 Z M36.6357523,18.8489288 L43.3857545,15.2018014 C43.7660009,14.9993161 44,14.6505708 44,14.2467077 L44,6.9209471 C44,6.4867209 43.4442498,6.22459934 43.034747,6.4574654 L35.4702576,10.2441014 L35.4702576,18.4225791 C35.4702576,18.8556801 36.0800021,19.213427 36.6323765,18.850054 L36.6357523,18.850054 L36.6357523,18.8489288 Z" id="形状" fill="#BACCE7"></path>
-        <path d="M68.9740011,56.3291419 L60.9977407,60.2665035 L53.0215155,56.3291419 C52.5827737,56.0973834 52.6120302,55.5461528 53.0496467,55.3447927 L60.4138769,52.1307663 C60.7738864,51.9564112 61.1934989,51.9564112 61.5523832,52.1307663 L68.9155057,55.3144119 C69.4150109,55.5461528 69.4150109,56.0973834 68.9740011,56.3291419 Z M59.3912537,69.8489288 L52.6412515,66.2018014 C52.2339991,65.9993161 52,65.6505708 52,65.2467253 L52,57.9209471 C52,57.4867209 52.5557502,57.2245993 52.965253,57.4574654 L60.4689965,61.2486023 L60.4689965,69.4281875 C60.4948773,69.8343186 59.9020115,70.1661681 59.3912537,69.8489288 Z M62.6357523,69.8489288 L69.3857545,66.2018014 C69.7660009,65.9993161 70,65.6505708 70,65.2467077 L70,57.9209471 C70,57.4867209 69.4442498,57.2245993 69.034747,57.4574654 L61.4702576,61.2441014 L61.4702576,69.4225791 C61.4702576,69.8556801 62.0800021,70.213427 62.6323765,69.850054 L62.6357523,69.850054 L62.6357523,69.8489288 Z" id="形状" fill="#BACCE7"></path>
-    </g>
-</svg>