@riil-frontend/component-topology 2.4.5 → 2.4.6

package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.d.ts

@@ -1,6 +1,12 @@
+export default NodeSizeInput;
 /**
  * 节点大小组件
  *
  * 文本框失去焦点、按enter键、点击加减按钮时节点大小变化
  */
-export default function NodeSizeInput(props: any): JSX.Element;
+declare function NodeSizeInput(props: any): JSX.Element;
+declare namespace NodeSizeInput {
+    export namespace propTypes {
+        export const value: any;
+    }
+}

package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _Grid from "@alifd/next/lib/grid";
 import _Form from "@alifd/next/lib/form";
 import React, { useState } from 'react';
+import PropTypes from 'prop-types';
 import NodeSizeNumberPicker from "./NodeSizeNumberPicker";
 import styles from "./NodeSizeInput.module.scss";
 var FormItem = _Form.Item;
@@ -13,7 +14,7 @@ var Row = _Grid.Row,
  * 文本框失去焦点、按enter键、点击加减按钮时节点大小变化
  */
 
-export default function NodeSizeInput(props) {
+function NodeSizeInput(props) {
   var value = props.value,
       onChange = props.onChange;
 
@@ -46,10 +47,13 @@ export default function NodeSizeInput(props) {
       }
     }
 
-    console.error(111, newSize);
     onChange(newSize);
   };
 
+  function parseValue(val) {
+    return val ? parseInt(val) : val;
+  }
+
   return /*#__PURE__*/React.createElement(_Form, {
     labelAlign: "top",
     component: "div"
@@ -59,7 +63,7 @@ export default function NodeSizeInput(props) {
     required: true,
     requiredTrigger: "onBlur"
   }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
-    value: parseInt(value.width),
+    value: parseValue(value.width),
     label: "\u5BBD:",
     min: 1,
     max: 2000,
@@ -87,7 +91,7 @@ export default function NodeSizeInput(props) {
     required: true,
     requiredTrigger: "onBlur"
   }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
-    value: parseInt(value.height),
+    value: parseValue(value.height),
     label: "\u9AD8:",
     min: 1,
     max: 2000,
@@ -100,4 +104,9 @@ export default function NodeSizeInput(props) {
     }
   }))))));
 }
-;
+
+;
+NodeSizeInput.propTypes = {
+  value: PropTypes.object
+};
+export default NodeSizeInput;

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

@@ -1,27 +1,18 @@
 import _Tab from "@alifd/next/lib/tab";
 import _Input from "@alifd/next/lib/input";
+import _Form from "@alifd/next/lib/form";
 import _Field from "@alifd/next/lib/field";
 import _extends from "@babel/runtime/helpers/extends";
-import _Radio from "@alifd/next/lib/radio";
 import _Collapse from "@alifd/next/lib/collapse";
 import _Select from "@alifd/next/lib/select";
-import _Grid from "@alifd/next/lib/grid";
-import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect } from 'react';
-import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
-import ResourceSelectButton from "../group/GroupNodeList/ResourceSelectButton";
-import { getIconMap } from "../group/GroupNodeList/icon";
 import NodeSizeInput from "../common/NodeSizeInput/NodeSizeInput";
 import textStyles from "../../../../common/text.module.scss";
 import TopoTreeSelect from "./TopoTreeSelect";
 import NodeIconSelect from "./NodeIconSelect";
 import NodeRelateResourceButton from "./NodeRelateResourceButton";
-var FormItem = _Form.Item;
-var Row = _Grid.Row,
-    Col = _Grid.Col;
 var Option = _Select.Option;
 var CollapsePanel = _Collapse.Panel;
-var RadioGroup = _Radio.Group;
 
 function parseValues(values) {
   return _extends({}, values);

package/es/core/editor/components/settings/view/BatchSetNodeSize.d.ts

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

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

@@ -0,0 +1,8 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import NodeSizeInput from "../common/NodeSizeInput/NodeSizeInput";
+export default function BatchSetNodeSize(props) {
+  return /*#__PURE__*/React.createElement(NodeSizeInput, {
+    value: {}
+  });
+}
+;

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

@@ -1,25 +1,13 @@
+import _Form from "@alifd/next/lib/form";
 import _Field from "@alifd/next/lib/field";
 import _extends from "@babel/runtime/helpers/extends";
-import _Radio from "@alifd/next/lib/radio";
 import _Collapse from "@alifd/next/lib/collapse";
-import _Select from "@alifd/next/lib/select";
-import _Grid from "@alifd/next/lib/grid";
-import _Form from "@alifd/next/lib/form";
-import React, { useState, useEffect } from 'react';
-import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
-import GroupNodeList from "../group/GroupNodeList/GroupNodeList";
-import ResourceSelectButton from "../group/GroupNodeList/ResourceSelectButton";
-import { getIconMap } from "../group/GroupNodeList/icon";
+import React, { useEffect } from 'react';
 import LayoutSettings from "../common/LayoutSettings";
 import LineType from "../common/LineType";
 import NodeAlignType from "../common/NodeAlignType";
-import NodeSizeInput from "../common/NodeSizeInput/NodeSizeInput";
-var FormItem = _Form.Item;
-var Row = _Grid.Row,
-    Col = _Grid.Col;
-var Option = _Select.Option;
-var CollapsePanel = _Collapse.Panel;
-var RadioGroup = _Radio.Group; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
+import BatchSetNodeSize from "./BatchSetNodeSize";
+var CollapsePanel = _Collapse.Panel; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
 
 var fontStyleUtil = {
   toMap: function toMap(font, prefix) {
@@ -113,5 +101,5 @@ export default function ViewPropertyView(props) {
     title: "\u56FE\u7247"
   }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u56FE\u7247\u5C3A\u5BF8"
-  }, /*#__PURE__*/React.createElement(NodeSizeInput, null)))))));
+  }, /*#__PURE__*/React.createElement(BatchSetNodeSize, null)))))));
 }

package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.d.ts

@@ -1,6 +1,12 @@
+export default NodeSizeInput;
 /**
  * 节点大小组件
  *
  * 文本框失去焦点、按enter键、点击加减按钮时节点大小变化
  */
-export default function NodeSizeInput(props: any): JSX.Element;
+declare function NodeSizeInput(props: any): JSX.Element;
+declare namespace NodeSizeInput {
+    export namespace propTypes {
+        export const value: any;
+    }
+}

package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports["default"] = NodeSizeInput;
+exports["default"] = void 0;
 
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,6 +15,8 @@ var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _NodeSizeNumberPicker = _interopRequireDefault(require("./NodeSizeNumberPicker"));
 
 var _NodeSizeInputModule = _interopRequireDefault(require("./NodeSizeInput.module.scss"));
@@ -61,10 +63,13 @@ function NodeSizeInput(props) {
       }
     }
 
-    console.error(111, newSize);
     onChange(newSize);
   };
 
+  function parseValue(val) {
+    return val ? parseInt(val) : val;
+  }
+
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     labelAlign: "top",
     component: "div"
@@ -74,7 +79,7 @@ function NodeSizeInput(props) {
     required: true,
     requiredTrigger: "onBlur"
   }, /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], {
-    value: parseInt(value.width),
+    value: parseValue(value.width),
     label: "\u5BBD:",
     min: 1,
     max: 2000,
@@ -102,7 +107,7 @@ function NodeSizeInput(props) {
     required: true,
     requiredTrigger: "onBlur"
   }, /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], {
-    value: parseInt(value.height),
+    value: parseValue(value.height),
     label: "\u9AD8:",
     min: 1,
     max: 2000,
@@ -116,4 +121,9 @@ function NodeSizeInput(props) {
   }))))));
 }
 
-;
+;
+NodeSizeInput.propTypes = {
+  value: _propTypes["default"].object
+};
+var _default = NodeSizeInput;
+exports["default"] = _default;

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

@@ -11,28 +11,18 @@ var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
 
 var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
 
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
-
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
 
 var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
 
-var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _ColorPicker = _interopRequireDefault(require("../../LinkDynamicStyleSettingDrawer/rule/ColorPicker"));
-
-var _ResourceSelectButton = _interopRequireDefault(require("../group/GroupNodeList/ResourceSelectButton"));
-
-var _icon = require("../group/GroupNodeList/icon");
-
 var _NodeSizeInput = _interopRequireDefault(require("../common/NodeSizeInput/NodeSizeInput"));
 
 var _textModule = _interopRequireDefault(require("../../../../common/text.module.scss"));
@@ -43,12 +33,8 @@ var _NodeIconSelect = _interopRequireDefault(require("./NodeIconSelect"));
 
 var _NodeRelateResourceButton = _interopRequireDefault(require("./NodeRelateResourceButton"));
 
-var FormItem = _form["default"].Item;
-var Row = _grid["default"].Row,
-    Col = _grid["default"].Col;
 var Option = _select["default"].Option;
 var CollapsePanel = _collapse["default"].Panel;
-var RadioGroup = _radio["default"].Group;
 
 function parseValues(values) {
   return (0, _extends2["default"])({}, values);

package/lib/core/editor/components/settings/view/BatchSetNodeSize.d.ts

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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports["default"] = BatchSetNodeSize;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _NodeSizeInput = _interopRequireDefault(require("../common/NodeSizeInput/NodeSizeInput"));
+
+function BatchSetNodeSize(props) {
+  return /*#__PURE__*/_react["default"].createElement(_NodeSizeInput["default"], {
+    value: {}
+  });
+}
+
+;

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

@@ -7,44 +7,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = ViewPropertyView;
 
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
-
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
 
-var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
-
-var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
-
-var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _ColorPicker = _interopRequireDefault(require("../../LinkDynamicStyleSettingDrawer/rule/ColorPicker"));
-
-var _GroupNodeList = _interopRequireDefault(require("../group/GroupNodeList/GroupNodeList"));
-
-var _ResourceSelectButton = _interopRequireDefault(require("../group/GroupNodeList/ResourceSelectButton"));
-
-var _icon = require("../group/GroupNodeList/icon");
-
 var _LayoutSettings = _interopRequireDefault(require("../common/LayoutSettings"));
 
 var _LineType = _interopRequireDefault(require("../common/LineType"));
 
 var _NodeAlignType = _interopRequireDefault(require("../common/NodeAlignType"));
 
-var _NodeSizeInput = _interopRequireDefault(require("../common/NodeSizeInput/NodeSizeInput"));
+var _BatchSetNodeSize = _interopRequireDefault(require("./BatchSetNodeSize"));
 
-var FormItem = _form["default"].Item;
-var Row = _grid["default"].Row,
-    Col = _grid["default"].Col;
-var Option = _select["default"].Option;
-var CollapsePanel = _collapse["default"].Panel;
-var RadioGroup = _radio["default"].Group; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
+var CollapsePanel = _collapse["default"].Panel; // 字体样式格式 label.font: bold italic 12px 黑体 / 12px 黑体
 
 var fontStyleUtil = {
   toMap: function toMap(font, prefix) {
@@ -138,5 +119,5 @@ function ViewPropertyView(props) {
     title: "\u56FE\u7247"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u56FE\u7247\u5C3A\u5BF8"
-  }, /*#__PURE__*/_react["default"].createElement(_NodeSizeInput["default"], null)))))));
+  }, /*#__PURE__*/_react["default"].createElement(_BatchSetNodeSize["default"], null)))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "description": "拓扑",
   "files": [
     "demo/",
@@ -100,6 +100,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.4.5/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.4.6/build/index.html",
   "gitHead": "8d9f286eb5da11dfadbef62890d74d2c2dd4d3a9"
 }