@riil-frontend/component-topology 2.4.8 → 2.5.3

package/demo/5/345/205/266/344/273/226/347/273/204/344/273/266//350/265/204/346/272/220/346/246/202/350/247/210/347/273/204/344/273/266.md

@@ -0,0 +1,9 @@
+---
+title: 资源概览组件
+order: 4
+---
+
+<br/>
+
+- 支持关闭内置数据，传入告警、指标数据
+- 支持获取需要显示的属性、指标范围

package/demo/API//345/270/203/345/261/200.md

@@ -0,0 +1,16 @@
+---
+title: 布局
+order: 5
+---
+
+```text
+//layoutName:
+//星型布局:'circular',均衡布局:'hierarchical',
+//树型布局：纵向：’towardsouth‘，横向’towardeast‘
+
+let layout = new ht.layout.AutoLayout(graphView);
+layout.layout(layoutName, function(){
+      //此处可以添加一些布局后的操作，如不需要，请忽略
+});
+
+```

package/es/components/Drawer/index.js

@@ -11,8 +11,8 @@ var headerStyle = {
   zIndex: 1000
 };
 var bodyStyle = {
-  margin: '50px auto' // padding: '10px',
-
+  margin: '50px auto',
+  padding: '16px 24px'
 };
 
 var Drawer = function Drawer(props) {

package/es/components/FormTable/index.js

@@ -2,7 +2,7 @@ import _Table from "@alifd/next/lib/table";
 import _Button from "@alifd/next/lib/button";
 import _extends from "@babel/runtime/helpers/extends";
 import _Search from "@alifd/next/lib/search";
-import React from 'react';
+import React, { useState } from 'react';
 import { SchemaForm, SchemaMarkupField as Field } from '@formily/next';
 import Pagination from '@riil-frontend/component-pager';
 import MoreButtonsMenu from '@riil-frontend/component-more-buttons-menu';
@@ -11,6 +11,8 @@ import TableLayout from '@riil-frontend/component-table-layout';
 import NoDataPage from '@riil-frontend/component-topology-utils/es/components/NoDataPage';
 
 var FormTable = function FormTable(props) {
+  var _tableProps$filterPar;
+
   var className = props.className,
       children = props.children,
       formProps = props.formProps,
@@ -23,6 +25,12 @@ var FormTable = function FormTable(props) {
       showChecked = _props$showChecked === void 0 ? false : _props$showChecked,
       _props$showPageSizeSe = props.showPageSizeSelector,
       showPageSizeSelector = _props$showPageSizeSe === void 0 ? false : _props$showPageSizeSe;
+
+  var _useState = useState(false),
+      isSearching = _useState[0],
+      setIsSearching = _useState[1];
+
+  var isFilter = isSearching || ((_tableProps$filterPar = tableProps.filterParams.typeCode) === null || _tableProps$filterPar === void 0 ? void 0 : _tableProps$filterPar.selectedKeys.length);
   return /*#__PURE__*/React.createElement("div", {
     className: "riil-table-common " + className,
     style: {
@@ -43,8 +51,12 @@ var FormTable = function FormTable(props) {
     "x-component-props": {
       shape: 'simple',
       placeholder: '请输入关键字',
-      onSearch: function onSearch() {
-        return formProps.actions.submit();
+      onSearch: function onSearch(val) {
+        setIsSearching(!!val);
+        formProps.actions.submit();
+      },
+      style: {
+        width: 200
       }
     }
   }))), menu && /*#__PURE__*/React.createElement("div", {
@@ -75,7 +87,7 @@ var FormTable = function FormTable(props) {
     table: /*#__PURE__*/React.createElement(_Table, _extends({}, tableProps, {
       fixedHeader: true,
       hasBorder: false,
-      emptyContent: "\u6682\u65E0\u6570\u636E"
+      emptyContent: !isFilter ? '暂无数据' : '暂无搜索结果'
     }), columns.map(function (column) {
       return /*#__PURE__*/React.createElement(_Table.Column, _extends({}, column, {
         key: column.dataIndex

package/es/components/ResourceSelect/ResourceSelectDrawer.module.scss

@@ -6,6 +6,8 @@
   :global {
     .next-drawer-body {
       flex: 1;
+      padding-top: 16px;
+      padding-bottom: 4px !important;
     }
   }
 }

package/es/core/components/titlebar/TitleBar.module.scss

@@ -3,8 +3,9 @@
   padding: 16px;
 
   .left {
+    display: flex;
     flex: 1;
-
+    align-items: center;
   }
 
   .right {

package/es/core/editor/components/settings/Settings.module.scss

@@ -20,11 +20,13 @@
       width: 7px;
       height: 7px;
     }
+
     ::-webkit-scrollbar-thumb {
       background-color: rgba(0, 0, 0, 0.2);
       border-radius: 7px;
       transition: all 0.25s ease-in-out;
     }
+
     ::-webkit-scrollbar-thumb:hover {
       background-color: rgba(0, 0, 0, 0.3);
     }
@@ -33,12 +35,20 @@
     .next-collapse-panel:not(:first-child) {
       border-top: none;
     }
+
     .next-collapse-panel-title {
       background: none;
       font-size: 12px;
       padding-bottom: 0;
       padding-left: 32px;
+
+      & > .next-collapse-panel-icon {
+        left: 12px;
+        margin-top: 0;
+        margin-left: 0;
+      }
     }
+
     .next-collapse-panel-content {
       padding-left: 32px;
     }

package/es/core/editor/components/settings/common/tab/TabView.d.ts

@@ -0,0 +1 @@
+export default function TabView(props: any): JSX.Element;

package/es/core/editor/components/settings/common/tab/TabView.js

@@ -0,0 +1,8 @@
+import _Tab from "@alifd/next/lib/tab";
+import React, { useState, useEffect } from 'react';
+import styles from "./TabView.module.scss";
+export default function TabView(props) {
+  return /*#__PURE__*/React.createElement(_Tab, {
+    className: styles.tabs
+  }, props.children);
+}

package/es/core/editor/components/settings/common/tab/TabView.module.scss

@@ -0,0 +1,13 @@
+.tabs {
+  margin-top: 8px;
+
+  :global {
+    .next-tabs-bar {
+      margin-left: 16px;
+      margin-right: 16px;
+    }
+    .next-tabs-content {
+      padding-top: 8px;
+    }
+  }
+}

package/es/core/editor/components/settings/common/text/TextStyle.js

@@ -9,7 +9,7 @@ var Option = _Select.Option;
 
 function parseValue(value) {
   return {
-    fontFamily: value.font.fontFamily || '黑体',
+    fontFamily: value.font.fontFamily || 'Arial',
     fontSize: value.font.fontSize || 12,
     color: value.color || '#000000',
     fontStyleChecked: {
@@ -28,6 +28,11 @@ export default function TextStyle(props) {
     autoUnmount: false,
     values: parseValue(value),
     onChange: function onChange(name, value) {
+      // 解决问题：文本设置，当前字号8，选中字号，点击退格键，字号变为12了
+      if (name === 'fontSize' && !value) {
+        return;
+      }
+
       var values = field.getValues();
       var aValues = {
         color: values.color,

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

@@ -11,6 +11,8 @@ import textStyles from "../../../../common/text.module.scss";
 import TopoTreeSelect from "./TopoTreeSelect";
 import NodeIconSelect from "./NodeIconSelect";
 import NodeRelateResourceButton from "./NodeRelateResourceButton";
+import styles from "./NodePropertyView.module.scss";
+import TabView from "../common/tab/TabView";
 var Option = _Select.Option;
 var CollapsePanel = _Collapse.Panel;
 
@@ -151,7 +153,9 @@ export default function NodePropertyView(props) {
 
 
   var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
-  return /*#__PURE__*/React.createElement("div", null, showRelateResource ? /*#__PURE__*/React.createElement(_Tab, null, /*#__PURE__*/React.createElement(_Tab.Item, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.NodePropertyView
+  }, showRelateResource ? /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
     title: "\u6570\u636E",
     key: "1"
   }, renderData()), /*#__PURE__*/React.createElement(_Tab.Item, {

package/es/core/editor/components/settings/node/NodePropertyView.module.scss

@@ -0,0 +1,3 @@
+.NodePropertyView {
+
+}

package/es/core/editor/components/settings/text/TextPropertyView.js

@@ -52,7 +52,11 @@ export default function TextPropertyView(props) {
   useEffect(function () {
     field.setValues(parseValues(values));
   }, [values]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Form, {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: 4
+    }
+  }, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
   }, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Collapse, {

package/es/core/editor/components/settings/view/ViewPropertyView.js

@@ -77,7 +77,11 @@ export default function ViewPropertyView(props) {
   useEffect(function () {
     field.setValues(parseValues(values));
   }, [values]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Form, {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: 4
+    }
+  }, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
   }, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Collapse, {
@@ -101,5 +105,5 @@ export default function ViewPropertyView(props) {
     title: "\u56FE\u7247"
   }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u56FE\u7247\u5C3A\u5BF8"
-  }, /*#__PURE__*/React.createElement(BatchSetNodeSize, null)))))));
+  }))))));
 }

package/es/core/models/TopoApp.js

@@ -423,6 +423,10 @@ var TopoApp = /*#__PURE__*/function () {
     return refresh;
   }();
 
+  _proto.getGraphView = function getGraphView() {
+    return this.view.topoClient.getGraphView();
+  };
+
   _proto.getDataModel = function getDataModel() {
     return this.view.topoClient.getDataModel();
   };

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

@@ -1,9 +1,7 @@
-import _MenuButton from "@alifd/next/lib/menu-button";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import ViewerTools from "./ViewerTools";
-import TitleWidget from "../../../components/titlebar/widgets/TitleWidget";
 import styles from "../../../components/titlebar/TitleBar.module.scss";
-var Item = _MenuButton.Item;
+import SearchWidget from "./widgets/SearchWidget";
 export default function TopoViewerTitleBar(props) {
   var topo = props.topo,
       showEditButton = props.showEditButton,
@@ -13,7 +11,7 @@ export default function TopoViewerTitleBar(props) {
     className: styles.titlebar
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left
-  }, children || /*#__PURE__*/React.createElement(TitleWidget, {
+  }, children || /*#__PURE__*/React.createElement(SearchWidget, {
     topo: topo
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.right

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

@@ -4,16 +4,13 @@ import _Button from "@alifd/next/lib/button";
 import _Icon from "@alifd/next/lib/icon";
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
-import SearchWidget from "./widgets/SearchWidget";
 import styles from "../../../components/titlebar/TitleBar.module.scss";
 import EditButton from "./widgets/EditButton";
 export default function ViewerTools(props) {
   var topo = props.topo,
       _props$showEditButton = props.showEditButton,
       showEditButton = _props$showEditButton === void 0 ? true : _props$showEditButton;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchWidget, {
-    topo: topo
-  }), showEditButton && /*#__PURE__*/React.createElement(EditButton, _extends({
+  return /*#__PURE__*/React.createElement("div", null, showEditButton && /*#__PURE__*/React.createElement(EditButton, _extends({
     topo: topo
   }, props)), /*#__PURE__*/React.createElement(_Dropdown, {
     trigger: /*#__PURE__*/React.createElement(_Button, {

package/es/models/topoMod.js

@@ -24,7 +24,6 @@ export default function (topoApp) {
       topoPermission: undefined,
       viewState: 'view',
       // view, create, 2种模式
-      // leftAsideOpen: true, // 左侧树是否展开
       // lastRefresh: undefined,
       topoData: null,
       currentTopo: undefined,

package/es/style.js

@@ -18,7 +18,6 @@ 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/menu-button/style';
 import '@alifd/next/lib/dropdown/style';
 import '@alifd/next/lib/menu/style';
 import '@alifd/next/lib/tab/style';

package/es/topoCenter/models/TopoCenter.js

@@ -29,12 +29,6 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
           id: _this.id
         });
         topoModDispatchers.refreshTopoTree();
-
-        var topoCenterDispatchers = _this.store.getModelDispatchers('topoCenter');
-
-        topoCenterDispatchers.update({
-          leftAsideOpen: true
-        });
       }
     })) || this;
     var menuCommands = createMenuCommands(_assertThisInitialized(_this));

package/es/topoCenter/store/topoCenter.d.ts

@@ -2,7 +2,6 @@ declare namespace _default {
     export namespace state {
         export const loading: boolean;
         export const id: any;
-        export const leftAsideOpen: boolean;
         export const viewState: string;
     }
     export namespace reducers {

package/es/topoCenter/store/topoCenter.js

@@ -14,8 +14,6 @@ export default {
   state: {
     loading: true,
     id: undefined,
-    leftAsideOpen: true,
-    // 左侧树是否展开
     viewState: 'view' // view, create, 2种模式
 
   },
@@ -47,8 +45,7 @@ export default {
                   id = urlParams.id || topoModState.topoId || '';
 
                   _this.update({
-                    viewState: viewType,
-                    leftAsideOpen: viewType !== 'edit'
+                    viewState: viewType
                   }); // 加载功能操作权限
 
 

package/es/utils/htElementUtils.js

@@ -64,9 +64,11 @@ export function getEdges(dataModel) {
   return getElements(dataModel).filter(function (element) {
     return element.getClassName() === 'ht.Edge';
   }).map(function (element) {
+    var _element$getSource, _element$getTarget;
+
     return _extends({}, element.getAttrObject(), {
-      source: element.getSource().getTag(),
-      target: element.getTarget().getTag(),
+      source: (_element$getSource = element.getSource()) === null || _element$getSource === void 0 ? void 0 : _element$getSource.getTag(),
+      target: (_element$getTarget = element.getTarget()) === null || _element$getTarget === void 0 ? void 0 : _element$getTarget.getTag(),
       tag: element.getId()
     });
   });

package/lib/components/Drawer/index.js

@@ -23,8 +23,8 @@ var headerStyle = {
   zIndex: 1000
 };
 var bodyStyle = {
-  margin: '50px auto' // padding: '10px',
-
+  margin: '50px auto',
+  padding: '16px 24px'
 };
 
 var Drawer = function Drawer(props) {

package/lib/components/FormTable/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -13,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _next = require("@formily/next");
 
@@ -28,6 +30,8 @@ var _componentTableLayout = _interopRequireDefault(require("@riil-frontend/compo
 var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/components/NoDataPage"));
 
 var FormTable = function FormTable(props) {
+  var _tableProps$filterPar;
+
   var className = props.className,
       children = props.children,
       formProps = props.formProps,
@@ -40,6 +44,12 @@ var FormTable = function FormTable(props) {
       showChecked = _props$showChecked === void 0 ? false : _props$showChecked,
       _props$showPageSizeSe = props.showPageSizeSelector,
       showPageSizeSelector = _props$showPageSizeSe === void 0 ? false : _props$showPageSizeSe;
+
+  var _useState = (0, _react.useState)(false),
+      isSearching = _useState[0],
+      setIsSearching = _useState[1];
+
+  var isFilter = isSearching || ((_tableProps$filterPar = tableProps.filterParams.typeCode) === null || _tableProps$filterPar === void 0 ? void 0 : _tableProps$filterPar.selectedKeys.length);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "riil-table-common " + className,
     style: {
@@ -60,8 +70,12 @@ var FormTable = function FormTable(props) {
     "x-component-props": {
       shape: 'simple',
       placeholder: '请输入关键字',
-      onSearch: function onSearch() {
-        return formProps.actions.submit();
+      onSearch: function onSearch(val) {
+        setIsSearching(!!val);
+        formProps.actions.submit();
+      },
+      style: {
+        width: 200
       }
     }
   }))), menu && /*#__PURE__*/_react["default"].createElement("div", {
@@ -92,7 +106,7 @@ var FormTable = function FormTable(props) {
     table: /*#__PURE__*/_react["default"].createElement(_table["default"], (0, _extends2["default"])({}, tableProps, {
       fixedHeader: true,
       hasBorder: false,
-      emptyContent: "\u6682\u65E0\u6570\u636E"
+      emptyContent: !isFilter ? '暂无数据' : '暂无搜索结果'
     }), columns.map(function (column) {
       return /*#__PURE__*/_react["default"].createElement(_table["default"].Column, (0, _extends2["default"])({}, column, {
         key: column.dataIndex

package/lib/components/ResourceSelect/ResourceSelectDrawer.module.scss

@@ -6,6 +6,8 @@
   :global {
     .next-drawer-body {
       flex: 1;
+      padding-top: 16px;
+      padding-bottom: 4px !important;
     }
   }
 }

package/lib/core/components/titlebar/TitleBar.module.scss

@@ -3,8 +3,9 @@
   padding: 16px;
 
   .left {
+    display: flex;
     flex: 1;
-
+    align-items: center;
   }
 
   .right {

package/lib/core/editor/components/settings/Settings.module.scss

@@ -20,11 +20,13 @@
       width: 7px;
       height: 7px;
     }
+
     ::-webkit-scrollbar-thumb {
       background-color: rgba(0, 0, 0, 0.2);
       border-radius: 7px;
       transition: all 0.25s ease-in-out;
     }
+
     ::-webkit-scrollbar-thumb:hover {
       background-color: rgba(0, 0, 0, 0.3);
     }
@@ -33,12 +35,20 @@
     .next-collapse-panel:not(:first-child) {
       border-top: none;
     }
+
     .next-collapse-panel-title {
       background: none;
       font-size: 12px;
       padding-bottom: 0;
       padding-left: 32px;
+
+      & > .next-collapse-panel-icon {
+        left: 12px;
+        margin-top: 0;
+        margin-left: 0;
+      }
     }
+
     .next-collapse-panel-content {
       padding-left: 32px;
     }

package/lib/core/editor/components/settings/common/tab/TabView.d.ts

@@ -0,0 +1 @@
+export default function TabView(props: any): JSX.Element;

package/lib/core/editor/components/settings/common/tab/TabView.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = TabView;
+
+var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _TabViewModule = _interopRequireDefault(require("./TabView.module.scss"));
+
+function TabView(props) {
+  return /*#__PURE__*/_react["default"].createElement(_tab["default"], {
+    className: _TabViewModule["default"].tabs
+  }, props.children);
+}

package/lib/core/editor/components/settings/common/tab/TabView.module.scss

@@ -0,0 +1,13 @@
+.tabs {
+  margin-top: 8px;
+
+  :global {
+    .next-tabs-bar {
+      margin-left: 16px;
+      margin-right: 16px;
+    }
+    .next-tabs-content {
+      padding-top: 8px;
+    }
+  }
+}

package/lib/core/editor/components/settings/common/text/TextStyle.js

@@ -25,7 +25,7 @@ var Option = _select["default"].Option;
 
 function parseValue(value) {
   return {
-    fontFamily: value.font.fontFamily || '黑体',
+    fontFamily: value.font.fontFamily || 'Arial',
     fontSize: value.font.fontSize || 12,
     color: value.color || '#000000',
     fontStyleChecked: {
@@ -44,6 +44,11 @@ function TextStyle(props) {
     autoUnmount: false,
     values: parseValue(value),
     onChange: function onChange(name, value) {
+      // 解决问题：文本设置，当前字号8，选中字号，点击退格键，字号变为12了
+      if (name === 'fontSize' && !value) {
+        return;
+      }
+
       var values = field.getValues();
       var aValues = {
         color: values.color,

package/lib/core/editor/components/settings/node/NodePropertyView.js

@@ -33,6 +33,10 @@ var _NodeIconSelect = _interopRequireDefault(require("./NodeIconSelect"));
 
 var _NodeRelateResourceButton = _interopRequireDefault(require("./NodeRelateResourceButton"));
 
+var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
+
+var _TabView = _interopRequireDefault(require("../common/tab/TabView"));
+
 var Option = _select["default"].Option;
 var CollapsePanel = _collapse["default"].Panel;
 
@@ -173,7 +177,9 @@ function NodePropertyView(props) {
 
 
   var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
-  return /*#__PURE__*/_react["default"].createElement("div", null, showRelateResource ? /*#__PURE__*/_react["default"].createElement(_tab["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _NodePropertyViewModule["default"].NodePropertyView
+  }, showRelateResource ? /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
     title: "\u6570\u636E",
     key: "1"
   }, renderData()), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {

package/lib/core/editor/components/settings/node/NodePropertyView.module.scss

@@ -0,0 +1,3 @@
+.NodePropertyView {
+
+}

package/lib/core/editor/components/settings/text/TextPropertyView.js

@@ -68,7 +68,11 @@ function TextPropertyView(props) {
   (0, _react.useEffect)(function () {
     field.setValues(parseValues(values));
   }, [values]);
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      paddingTop: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {

package/lib/core/editor/components/settings/view/ViewPropertyView.js

@@ -95,7 +95,11 @@ function ViewPropertyView(props) {
   (0, _react.useEffect)(function () {
     field.setValues(parseValues(values));
   }, [values]);
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      paddingTop: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
@@ -119,5 +123,5 @@ function ViewPropertyView(props) {
     title: "\u56FE\u7247"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u56FE\u7247\u5C3A\u5BF8"
-  }, /*#__PURE__*/_react["default"].createElement(_BatchSetNodeSize["default"], null)))))));
+  }))))));
 }