@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -4,33 +4,37 @@ import PropTypes from 'prop-types';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import SizeInput from "../SizeInput";
 var NODE_SIZE_LOCK = 'NODE_SIZE_LOCK';
-
 /**
  * 节点大小组件
  *
  * 文本框失去焦点、按enter键、点击加减按钮时节点大小变化
  */
+
 function NodeSizeInput(props) {
   var nodeId = props.nodeId,
-    value = props.value,
-    _props$max = props.max,
-    max = _props$max === void 0 ? 2000 : _props$max,
-    step = props.step,
-    onChange = props.onChange,
-    settingRuntimeState = props.settingRuntimeState,
-    _props$lockId = props.lockId,
-    lockId = _props$lockId === void 0 ? NODE_SIZE_LOCK : _props$lockId;
+      value = props.value,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 2000 : _props$max,
+      step = props.step,
+      onChange = props.onChange,
+      settingRuntimeState = props.settingRuntimeState,
+      _props$lockId = props.lockId,
+      lockId = _props$lockId === void 0 ? NODE_SIZE_LOCK : _props$lockId;
   var lock = settingRuntimeState.getAttr(lockId) !== false;
   var RUNTIME_STATE_NAME_NODE_SIZE_INFO = "NODE_SIZE_INFO." + nodeId;
+
   var handleValue = function handleValue(val) {
     if (!val || val < 1) {
       return 1;
     }
+
     if (val > max) {
       return max;
     }
+
     return parseInt(val, 10);
   };
+
   function initSizeRatio() {
     var ratioInfo = {
       ratio: value.width / value.height,
@@ -40,18 +44,24 @@ function NodeSizeInput(props) {
     rlog.debug('initSizeRatio', ratioInfo);
     return ratioInfo;
   }
+
   function updateSizeRatioCurrentSize(ratioInfo) {
     settingRuntimeState.setAttr(RUNTIME_STATE_NAME_NODE_SIZE_INFO, ratioInfo);
     return ratioInfo;
   }
+
   function getSizeRatio() {
     return settingRuntimeState.getAttr(RUNTIME_STATE_NAME_NODE_SIZE_INFO);
   }
+
   var handleChange = function handleChange(name, attrValue) {
     var _extends2;
+
     var newSize = _extends({}, value, (_extends2 = {}, _extends2[name] = attrValue, _extends2));
+
     if (lock) {
       var ratioInfo = getSizeRatio();
+
       if (!ratioInfo) {
         // 首次没有比例时，初始化当前节点比例
         ratioInfo = initSizeRatio();
@@ -59,32 +69,40 @@ function NodeSizeInput(props) {
       } else {
         // 修改后，非锁定方式调整比例（画图调整节点大小，未开启锁定修改），重新初始化比例
         var prevSize = ratioInfo.size;
+
         if (value.width !== prevSize.width || value.height !== prevSize.height) {
           ratioInfo = initSizeRatio();
           rlog.debug('修改后，重新初始化比例', ratioInfo);
         }
       }
+
       var ratio = ratioInfo.ratio;
+
       if (name === 'width') {
         newSize.height = handleValue(attrValue / ratio);
       } else {
         newSize.width = handleValue(attrValue * ratio);
       }
+
       updateSizeRatioCurrentSize({
         ratio: ratio,
         size: newSize
       });
       rlog.debug('按比例更新', name, attrValue, ratio, value, newSize, ratioInfo);
     }
+
     onChange(newSize);
   };
+
   var switchLock = function switchLock() {
     var isLock = !lock;
     settingRuntimeState.setAttr(lockId, isLock);
   };
+
   function parseValue(val) {
     return val ? Math.round(val) : val;
   }
+
   return /*#__PURE__*/React.createElement(SizeInput, _extends({}, props, {
     value: value,
     lock: lock,
@@ -94,6 +112,7 @@ function NodeSizeInput(props) {
     onLockChange: switchLock
   }));
 }
+
 NodeSizeInput.propTypes = {
   value: PropTypes.object
 };

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

@@ -8,37 +8,43 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import NodeSizeNumberPicker from "./NodeSizeNumberPicker";
 import styles from "./NodeSizeInput.module.scss";
 var FormItem = _Form.Item;
-
 /**
  * 节点大小组件
  *
  * 文本框失去焦点、按enter键、点击加减按钮时节点大小变化
  */
+
 function SizeInput(props) {
   var _props$value = props.value,
-    value = _props$value === void 0 ? {} : _props$value,
-    max = props.max,
-    step = props.step,
-    onChange = props.onChange,
-    _props$showLabel = props.showLabel,
-    showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
-    numberPickerProps = props.numberPickerProps,
-    size = props.size,
-    lock = props.lock,
-    disabled = props.disabled,
-    onLockChange = props.onLockChange;
+      value = _props$value === void 0 ? {} : _props$value,
+      max = props.max,
+      step = props.step,
+      onChange = props.onChange,
+      _props$showLabel = props.showLabel,
+      showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
+      numberPickerProps = props.numberPickerProps,
+      size = props.size,
+      lock = props.lock,
+      disabled = props.disabled,
+      onLockChange = props.onLockChange;
+
   var handleChange = function handleChange(name, attrValue) {
     var _extends2;
+
     var newSize = _extends({}, value, (_extends2 = {}, _extends2[name] = attrValue, _extends2));
+
     onChange(name, attrValue, newSize);
   };
+
   var switchLock = function switchLock() {
     var isLock = !lock;
     onLockChange(isLock);
   };
+
   function parseValue(val) {
     return val ? Math.round(val) : val;
   }
+
   var renderLock = function renderLock() {
     var imgSrc = "/img/topo/editor/toolbar/" + (lock ? 'lock' : 'unlock') + "/" + (disabled ? 'Disable' : 'Normal') + ".svg";
     return /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
@@ -52,6 +58,7 @@ function SizeInput(props) {
       }))
     }, "\u9501\u5B9A\u7EB5\u6A2A\u6BD4");
   };
+
   return /*#__PURE__*/React.createElement(_Form, {
     labelAlign: "top",
     component: "div",
@@ -124,6 +131,7 @@ function SizeInput(props) {
     align: "b"
   }, "\u66F4\u6539\u56FE\u7247\u7684\u9AD8\u5EA6"))))));
 }
+
 SizeInput.propTypes = {
   value: PropTypes.object
 };

package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["value", "onChange", "min", "onBlur", "onKeyDown", "disabled"];
 import React, { useState, useEffect } from "react";
+
 /**
  * 节点大小组件
  *
@@ -11,47 +12,57 @@ import React, { useState, useEffect } from "react";
  */
 export default function NodeSizeNumberPicker(props) {
   var value = props.value,
-    onChange = props.onChange,
-    min = props.min,
-    onBlur = props.onBlur,
-    onKeyDown = props.onKeyDown,
-    disabled = props.disabled,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      onChange = props.onChange,
+      min = props.min,
+      onBlur = props.onBlur,
+      onKeyDown = props.onKeyDown,
+      disabled = props.disabled,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useState = useState(value),
-    inputValue = _useState[0],
-    setInputValue = _useState[1];
+      inputValue = _useState[0],
+      setInputValue = _useState[1];
+
   useEffect(function () {
     setInputValue(value);
   }, [value]);
+
   var handleBlur = function handleBlur(e) {
     if (inputValue !== value) {
       onChange(inputValue);
     }
+
     onBlur && onBlur(e);
   };
+
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === 13 || e.keyCode === 27) {
       if (inputValue !== value) {
         onChange(inputValue);
       }
     }
+
     if (onKeyDown) {
       onKeyDown(e);
     }
   };
+
   var handleChange = function handleChange(value, e) {
     // 失去焦点最大最小值
     if (e.type === "blur") {
       onChange(!value ? min : value);
       return;
-    }
-    // 加减号立即变更
+    } // 加减号立即变更
+
+
     if (e.triggerType === "up" || e.triggerType === "down") {
       onChange(value);
       return;
     }
+
     setInputValue(value);
   };
+
   return /*#__PURE__*/React.createElement(_NumberPicker, _extends({}, otherProps, {
     value: inputValue,
     min: min,

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

@@ -1,11 +1,13 @@
 import _Tab from "@alifd/next/es/tab";
 import React from 'react';
 import styles from "./TabView.module.scss";
+
 function FullheightTab(props) {
   return /*#__PURE__*/React.createElement(_Tab, {
     className: styles.tabs,
     contentClassName: styles.content
   }, props.children);
 }
+
 FullheightTab.Item = _Tab.Item;
 export default FullheightTab;

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

@@ -8,7 +8,7 @@ import i from "./img/italics.svg";
 import u from "./img/underline.svg";
 var FontStyleCheckbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
-    onChange = props.onChange;
+      onChange = props.onChange;
   var options = [{
     name: 'bold',
     img: b,
@@ -22,14 +22,18 @@ var FontStyleCheckbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     img: u,
     title: '下划线'
   }];
+
   var handleClick = function handleClick(name) {
     var _extends2;
+
     onChange(_extends({}, value, (_extends2 = {}, _extends2[name] = !value[name], _extends2)));
   };
+
   return /*#__PURE__*/React.createElement(_Button.Group, {
     className: styles.buttonGroup
   }, options.map(function (item) {
     var _classnames;
+
     return /*#__PURE__*/React.createElement(_Button, {
       key: item.name,
       className: classnames(styles.button, (_classnames = {}, _classnames[styles.checked] = value[item.name], _classnames)),

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

@@ -6,6 +6,7 @@ import React, { useState, useEffect, useRef, useCallback } from 'react';
 import ColorPicker from "../../../../../../common/components/ColorPicker";
 import FontStyleCheckbox from "./FontStyleCheckbox";
 var Option = _Select.Option;
+
 function parseValue(value) {
   return {
     fontFamily: value.font.fontFamily || 'Arial',
@@ -18,10 +19,12 @@ function parseValue(value) {
     }
   };
 }
+
 var TextStyle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var topo = props.topo,
-    value = props.value,
-    _onChange = props.onChange;
+      value = props.value,
+      _onChange = props.onChange;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: parseValue(value),
@@ -30,6 +33,7 @@ var TextStyle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (name === 'fontSize' && !value) {
         return;
       }
+
       var values = field.getValues();
       var aValues = {
         color: values.color,
@@ -44,6 +48,7 @@ var TextStyle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _onChange && _onChange(aValues);
     }
   });
+
   useEffect(function () {
     field.setValues(parseValue(value));
   }, [value]);

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

@@ -6,6 +6,7 @@ var fontStyleUtil = {
     if (font === void 0) {
       font = '';
     }
+
     var str = font.trim();
     var bold = font.indexOf('bold') > -1;
     var italic = font.indexOf('italic') > -1;
@@ -14,9 +15,11 @@ var fontStyleUtil = {
     var fontSizeStr = arr[0];
     var fontFamily = str.replace(fontSizeStr, '').trim() || null;
     var fontSize = null;
+
     if (fontSizeStr) {
       fontSize = parseInt(fontSizeStr.replace('px', ''), 10);
     }
+
     return {
       fontFamily: fontFamily,
       fontSize: fontSize,
@@ -42,8 +45,9 @@ var fontStyleUtil = {
   // TODO 临时方法
   removeBoldItalic: function removeBoldItalic(obj) {
     var bold = obj.bold,
-      italic = obj.italic,
-      ohter = _objectWithoutPropertiesLoose(obj, _excluded);
+        italic = obj.italic,
+        ohter = _objectWithoutPropertiesLoose(obj, _excluded);
+
     return ohter;
   }
 };

package/es/core/editor/components/settings/core/PropertyViewManager.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import propertyViews from "../propertyViews";
 import _getPropertyViewType from "./getPropertyViewType";
+
 var PropertyViewManager = /*#__PURE__*/function () {
   function PropertyViewManager(topo) {
     this.viewMap = _extends({}, propertyViews);
@@ -10,54 +11,72 @@ var PropertyViewManager = /*#__PURE__*/function () {
     this.topo.propertyViewManager = this;
     this.open = this.open.bind(this);
   }
+
   var _proto = PropertyViewManager.prototype;
+
   _proto.addViews = function addViews(viewMap) {
     Object.assign(this.viewMap, viewMap);
   };
+
   _proto.init = function init() {
     var notifier = this.topo.getHtTopo().getNotifier();
     notifier.on('topo_element_double_click', this.open);
   };
+
   _proto.destroy = function destroy() {
     var _this$topo$getHtTopo;
+
     var notifier = (_this$topo$getHtTopo = this.topo.getHtTopo()) === null || _this$topo$getHtTopo === void 0 ? void 0 : _this$topo$getHtTopo.getNotifier();
+
     if (!notifier) {
       return;
     }
+
     notifier.off('topo_element_double_click', this.open);
   };
+
   _proto.open = function open() {
     var view = this.getPropertyView();
+
     if (!view) {
       return;
     }
+
     var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
     topoEditDispatchers.update({
       propertyPanelVisible: true
     });
   };
+
   _proto.close = function close() {
     var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
     topoEditDispatchers.update({
       propertyPanelVisible: false
     });
   };
+
   _proto.getPropertyView = function getPropertyView() {
     var elementType = this.getPropertyViewType();
     var PropertyView = this.viewMap[elementType];
     return PropertyView;
   };
+
   _proto.getPropertyViewType = function getPropertyViewType() {
     var selection = this.topo.selectionModel.getSelection();
     var type;
+
     if (this.customGetViewType) {
       type = this.customGetViewType(selection);
+
       if (type) {
         return type;
       }
     }
+
     return _getPropertyViewType(selection);
   };
+
   return PropertyViewManager;
 }();
+
 export default PropertyViewManager;

package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js

@@ -1,12 +1,14 @@
 import { isEdge } from "../../../../../utils/htElementUtils";
 export function adapterGetEdgePropertyViewType(selection, editorProps) {
   var fn = editorProps.getEdgePropertyViewType;
+
   if (selection.length === 1 && isEdge(selection[0]) && fn) {
     var type = fn({
       edge: selection[0]
     });
     return type;
   }
+
   return null;
 }
 export function addEdgePropertyViews(propertyViewManager, editorProps) {

package/es/core/editor/components/settings/core/getPropertyViewType.js

@@ -1,8 +1,10 @@
 import { isEdge, isEdgeGroupAgent, isGroup, isLayer, isNode, isText } from "../../../../../utils/htElementUtils";
+
 function getPropertyViewType(selection) {
   var selectionElement = selection[0];
   var selectionSize = selection.length;
   var viewType;
+
   if (!selectionSize) {
     // 未选
     viewType = 'view';
@@ -28,6 +30,8 @@ function getPropertyViewType(selection) {
     // 分层
     viewType = 'layer';
   }
+
   return viewType;
 }
+
 export default getPropertyViewType;

package/es/core/editor/components/settings/core/updateElementProperty.js

@@ -6,6 +6,7 @@ export default function updateElementProperty(topo, name, value) {
     name: name,
     value: value
   });
+
   if (name.startsWith('attrObject.')) {
     element.setAttr(name.replace('attrObject.', ''), value);
   } else if (name.startsWith('position.')) {

package/es/core/editor/components/settings/propertyViews/PropertyViewFactory.js

@@ -1,5 +1,6 @@
 var PropertyViewFactory = function PropertyViewFactory() {
   this.map = {};
 };
+
 export { PropertyViewFactory as default };
 ;

package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js

@@ -6,27 +6,33 @@ import React, { useEffect } from 'react';
 import useHtElement from "../../../../../common/hooks/useHtElement";
 import NameInput from "./NameInput";
 var CollapsePanel = _Collapse.Panel;
+
 function parseValues(values) {
   return _extends({}, values);
 }
+
 export default function BoxPropertyView(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange,
-    selectionElement = props.selectionElement;
+      values = props.values,
+      _onChange = props.onChange,
+      selectionElement = props.selectionElement;
   var boxNode = selectionElement;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: parseValues(values),
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
+
       if (name === 'attrObject.topLeftText') {
         // 修改框名称改变名称背景块大小
         topo.getHtTopo().setRectangleText(boxNode);
       }
     }
   });
+
   useEffect(function () {
     field.setValues(parseValues(values));
   }, [values]);

package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js

@@ -6,29 +6,35 @@ import React, { useEffect } from 'react';
 import useHtElement from "../../../../../common/hooks/useHtElement";
 import NameInput from "./NameInput";
 var CollapsePanel = _Collapse.Panel;
+
 function parseValues(values) {
   return _extends({}, values);
 }
+
 export default function BoxPropertyView(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange;
+      values = props.values,
+      _onChange = props.onChange;
   var boxNode = useHtElement({
     topo: topo,
     id: values.id
   });
+
   var field = _Field.useField({
     autoUnmount: false,
     values: parseValues(values),
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
+
       if (name === 'attrObject.topLeftText') {
         // 修改框名称改变名称背景块大小
         topo.getHtTopo().setRectangleText(boxNode);
       }
     }
   });
+
   useEffect(function () {
     field.setValues(parseValues(values));
   }, [values]);

package/es/core/editor/components/settings/propertyViews/box/NameInput.js

@@ -3,28 +3,36 @@ import React, { useEffect, useState } from 'react';
 import NameInput from "../../common/NameInput";
 var BoxNameInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onChange = props.onChange,
-    topo = props.topo;
+      topo = props.topo;
+
   var _useState = useState(props.value),
-    value = _useState[0],
-    setValue = _useState[1];
+      value = _useState[0],
+      setValue = _useState[1];
+
   useEffect(function () {
     setValue(props.value);
   }, [props.value]);
+
   var handleChange = function handleChange(v) {
     setValue(v);
+
     if (v) {
       onChange(v);
     }
   };
+
   var handleFocus = function handleFocus() {
     topo.historyManager.beginTransaction();
   };
+
   var handleBlur = function handleBlur() {
     if (!value) {
       onChange('');
     }
+
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/React.createElement(NameInput, _extends({}, props, {
     ref: ref,
     value: value,