@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js

@@ -21,36 +21,44 @@ var items = [{
   icon: 'Underline',
   tooltip: '下划线'
 }];
+
 function buildValue(obj) {
   return Object.keys(obj).filter(function (key) {
     return !!obj[key];
   });
 }
+
 var fields = ['bold', 'italic', 'underline'];
+
 function getDisabled(fieldDisabled) {
   return !fields.filter(function (field) {
     return !fieldDisabled[field];
   }).length;
 }
+
 function FontStyleButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel,
-    style = props.style,
-    setStyle = props.setStyle,
-    fieldDisabled = props.fieldDisabled;
+      showLabel = props.showLabel,
+      style = props.style,
+      setStyle = props.setStyle,
+      fieldDisabled = props.fieldDisabled;
+
   var _useState = useState(getDisabled(fieldDisabled)),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
   var bold = style.bold,
-    italic = style.italic,
-    underline = style.underline;
+      italic = style.italic,
+      underline = style.underline;
+
   var _useState2 = useState(buildValue({
-      bold: bold,
-      italic: italic,
-      underline: underline
-    })),
-    value = _useState2[0],
-    setValue = _useState2[1];
+    bold: bold,
+    italic: italic,
+    underline: underline
+  })),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
   useEffect(function () {
     setValue(buildValue({
       bold: bold,
@@ -61,19 +69,21 @@ function FontStyleButton(props) {
   useEffect(function () {
     setDisabled(getDisabled(fieldDisabled));
   }, [fieldDisabled]);
-
   /**
    *
    * @param {Array} selectedKeys
    */
+
   var handleSelect = function handleSelect(selectedKeys, item, extra) {
     var _setStyle;
+
     var key = extra.key,
-      select = extra.select;
+        select = extra.select;
     topo.historyManager.beginTransaction();
     setStyle((_setStyle = {}, _setStyle[key] = select, _setStyle));
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6587\u5B57\u6837\u5F0F",
     tooltip: "\u6587\u5B57\u6837\u5F0F\uFF08\u52A0\u7C97\u3001\u659C\u4F53\u3001\u4E0B\u5212\u7EBF\uFF09",
@@ -113,6 +123,7 @@ function FontStyleButton(props) {
     }, item.tooltip));
   })));
 }
+
 export default textStyleSettingRouter(FontStyleButton, {
   names: fields
 });

package/es/core/editor/components/Toolbar/widgets/HistoryRedoButton.js

@@ -1,11 +1,14 @@
 import React from 'react';
 import WidgetBox from "./WidgetBox";
 import ButtonBox from "./components/ButtonBox";
+
 function HistoryRedoButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _topo$store$useModelS = topo.store.useModelState('historyManager'),
-    redoable = _topo$store$useModelS.redoable;
+      redoable = _topo$store$useModelS.redoable;
+
   var disabled = !redoable;
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6062\u590D",
@@ -16,4 +19,5 @@ function HistoryRedoButton(props) {
     alt: ""
   })));
 }
+
 export default HistoryRedoButton;

package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js

@@ -1,12 +1,15 @@
 import React from 'react';
-import ButtonBox from "./components/ButtonBox";
-// import { Icon, Button } from '@alifd/next';
+import ButtonBox from "./components/ButtonBox"; // import { Icon, Button } from '@alifd/next';
+
 import WidgetBox from "./WidgetBox";
+
 function HistoryUndoButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _topo$store$useModelS = topo.store.useModelState('historyManager'),
-    undoable = _topo$store$useModelS.undoable;
+      undoable = _topo$store$useModelS.undoable;
+
   var disabled = !undoable;
   return /*#__PURE__*/React.createElement(WidgetBox, {
     disabled: disabled,
@@ -23,4 +26,5 @@ function HistoryUndoButton(props) {
     alt: ""
   })));
 }
+
 export default HistoryUndoButton;

package/es/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js

@@ -2,25 +2,31 @@ import _Select from "@alifd/next/es/select";
 import React, { useState, useEffect, useImperativeHandle } from 'react';
 import styles from "./index.module.scss";
 import PopUpContent from "./popUpContent";
+
 var TopoIconSelect = function TopoIconSelect(props, ref) {
   // 传入参数
   var value = props.value,
-    iconList = props.iconList,
-    onChange = props.onChange;
+      iconList = props.iconList,
+      onChange = props.onChange;
+
   var _useState = useState(value),
-    valueData = _useState[0],
-    setValue = _useState[1];
+      valueData = _useState[0],
+      setValue = _useState[1];
+
   var _useState2 = useState(),
-    selectItem = _useState2[0],
-    setSelect = _useState2[1];
+      selectItem = _useState2[0],
+      setSelect = _useState2[1];
+
   var _useState3 = useState(false),
-    visible = _useState3[0],
-    setVisible = _useState3[1];
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+
   useEffect(function () {
     if (value) {
       for (var i = 0; i < iconList.length; i++) {
         var icons = iconList[i].icons;
         var flag = false;
+
         for (var m = 0; m < icons.length; m++) {
           if (value === icons[m].id) {
             flag = true;
@@ -28,6 +34,7 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
             break;
           }
         }
+
         if (flag) {
           break;
         }
@@ -39,18 +46,22 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       getSelectData: getSelectData
     };
   });
+
   var handleChange = function handleChange(v) {
     // console.log('handleChange: ', v);
     if (typeof onChange === 'function') {
       onChange(v.id);
     }
+
     setSelect(v);
     setValue(v.id);
     setVisible(false);
   };
+
   var getSelectData = function getSelectData() {
     return valueData;
   };
+
   var valueRender = function valueRender(v) {
     return selectItem ? /*#__PURE__*/React.createElement("span", {
       className: styles.selected
@@ -64,9 +75,11 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       className: styles.icontitle
     }, selectItem === null || selectItem === void 0 ? void 0 : selectItem.name)) : null;
   };
+
   var onVisibleChange = function onVisibleChange(v) {
     setVisible(v);
   };
+
   var popupContent = /*#__PURE__*/React.createElement(PopUpContent, {
     iconList: iconList,
     selectedId: selectItem === null || selectItem === void 0 ? void 0 : selectItem.id,
@@ -74,8 +87,8 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
   });
   var popupProps = {
     triggerClickKeycode: [13, 32, 40] // space, enter, down-arrow
-  };
 
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.TopoIconSelect
   }, /*#__PURE__*/React.createElement(_Select, {
@@ -91,4 +104,5 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
     popupContent: popupContent
   }));
 };
+
 export default /*#__PURE__*/React.forwardRef(TopoIconSelect);

package/es/core/editor/components/Toolbar/widgets/IconSelect/index.js

@@ -1,25 +1,31 @@
 import React, { useState, useEffect, useImperativeHandle } from 'react';
 import styles from "./index.module.scss";
 import PopUpContent from "./popUpContent";
+
 var TopoIconSelect = function TopoIconSelect(props, ref) {
   // 传入参数
   var value = props.value,
-    iconList = props.iconList,
-    onChange = props.onChange;
+      iconList = props.iconList,
+      onChange = props.onChange;
+
   var _useState = useState(value),
-    valueData = _useState[0],
-    setValue = _useState[1];
+      valueData = _useState[0],
+      setValue = _useState[1];
+
   var _useState2 = useState(),
-    selectItem = _useState2[0],
-    setSelect = _useState2[1];
+      selectItem = _useState2[0],
+      setSelect = _useState2[1];
+
   var _useState3 = useState(false),
-    visible = _useState3[0],
-    setVisible = _useState3[1];
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+
   useEffect(function () {
     if (value) {
       for (var i = 0; i < iconList.length; i++) {
         var icons = iconList[i].icons;
         var flag = false;
+
         for (var m = 0; m < icons.length; m++) {
           if (value === icons[m].id) {
             flag = true;
@@ -27,6 +33,7 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
             break;
           }
         }
+
         if (flag) {
           break;
         }
@@ -38,18 +45,22 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       getSelectData: getSelectData
     };
   });
+
   var handleChange = function handleChange(v) {
     // console.log('handleChange: ', v);
     if (typeof onChange === 'function') {
       onChange(v.id);
     }
+
     setSelect(v);
     setValue(v.id);
     setVisible(false);
   };
+
   var getSelectData = function getSelectData() {
     return valueData;
   };
+
   var valueRender = function valueRender(v) {
     return selectItem ? /*#__PURE__*/React.createElement("span", {
       className: styles.selected
@@ -63,9 +74,11 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       className: styles.icontitle
     }, selectItem === null || selectItem === void 0 ? void 0 : selectItem.name)) : null;
   };
+
   var onVisibleChange = function onVisibleChange(v) {
     setVisible(v);
   };
+
   var popupContent = /*#__PURE__*/React.createElement(PopUpContent, {
     iconList: iconList,
     selectedId: selectItem === null || selectItem === void 0 ? void 0 : selectItem.id,
@@ -73,8 +86,8 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
   });
   var popupProps = {
     triggerClickKeycode: [13, 32, 40] // space, enter, down-arrow
-  };
 
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.TopoIconSelect
   }, /*#__PURE__*/React.createElement(PopUpContent, {
@@ -83,4 +96,5 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
     onChange: handleChange
   }));
 };
+
 export default /*#__PURE__*/React.forwardRef(TopoIconSelect);

package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss

@@ -33,7 +33,7 @@
       font-size: 12px;
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
-      color: #4D6277;
+      color:$color-text1-4;
       line-height: 17px;
     }
 

package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js

@@ -3,13 +3,16 @@ import _Collapse from "@alifd/next/es/collapse";
 import React from 'react';
 import styles from "./index.module.scss";
 var Panel = _Collapse.Panel;
+
 function PopUpContent(props) {
   var iconList = props.iconList,
-    onChange = props.onChange,
-    selectedId = props.selectedId;
+      onChange = props.onChange,
+      selectedId = props.selectedId;
+
   var itemOnClick = function itemOnClick(e) {
     onChange(e);
   };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Collapse, {
     className: styles.iconCollapse
   }, iconList.map(function (item, index) {
@@ -42,4 +45,5 @@ function PopUpContent(props) {
     })));
   })));
 }
+
 export default PopUpContent;

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js

@@ -16,35 +16,38 @@ var TREE_LAYOUT_OPTIONS = [{
   value: 'south',
   label: '纵向'
 }];
+
 var LayoutSettings = function LayoutSettings(props) {
   var _props$layout = props.layout,
-    layout = _props$layout === void 0 ? {} : _props$layout,
-    onChange = props.onChange,
-    regionId = props.regionId,
-    size = props.size,
-    disabled = props.disabled;
+      layout = _props$layout === void 0 ? {} : _props$layout,
+      onChange = props.onChange,
+      regionId = props.regionId,
+      size = props.size,
+      disabled = props.disabled;
   var layoutId = layout.id,
-    layoutOptions = layout.options;
-
-  // const [value, setValue] = useState();
+      layoutOptions = layout.options; // const [value, setValue] = useState();
 
   var handleChange = function handleChange(data) {
     onChange && onChange(data);
   };
+
   var onLayoutSelect = function onLayoutSelect(id) {
     // console.log("onLayoutSelect", id, layout, value);
     var options;
+
     if (id === 'toward') {
       options = {
         subId: TREE_LAYOUT_OPTIONS[0].value
       };
-    }
-    // setValue(id);
+    } // setValue(id);
+
+
     handleChange({
       id: id,
       options: options
     });
   };
+
   var layoutGroup = Object.keys(LAYOUTS).map(function (id) {
     return {
       id: id,
@@ -92,4 +95,5 @@ var LayoutSettings = function LayoutSettings(props) {
     }
   })) : null);
 };
+
 export default LayoutSettings;

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js

@@ -5,17 +5,19 @@ import React from 'react';
 import TemplateButton from "../LayoutTemplateButton";
 import TagSelect from "../LayoutTagSelect";
 import styles from "./index.module.scss";
+
 var TagImageSelect = function TagImageSelect(props) {
   var dataSource = props.dataSource,
-    onChange = props.onChange,
-    size = props.size,
-    boxProps = props.boxProps,
-    tagProps = props.tagProps,
-    itemProps = props.itemProps,
-    ItemComponent = props.ItemComponent,
-    disabled = props.disabled,
-    value = props.value,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      onChange = props.onChange,
+      size = props.size,
+      boxProps = props.boxProps,
+      tagProps = props.tagProps,
+      itemProps = props.itemProps,
+      ItemComponent = props.ItemComponent,
+      disabled = props.disabled,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var Item = ItemComponent || TemplateButton;
   return /*#__PURE__*/React.createElement(TagSelect, _extends({}, otherProps, {
     onChange: onChange,
@@ -36,4 +38,5 @@ var TagImageSelect = function TagImageSelect(props) {
     tagProps: tagProps
   }));
 };
+
 export default TagImageSelect;

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js

@@ -1,27 +1,30 @@
 import _Box from "@alifd/next/es/box";
 import _extends from "@babel/runtime/helpers/extends";
 import _Tag from "@alifd/next/es/tag";
+
 /* eslint-disable eqeqeq */
 import React, { useState, useEffect, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import "./index.scss";
 import classNames from 'classnames';
 var SelectableTag = _Tag.Selectable;
+
 var TagSelect = function TagSelect(props) {
   var _onChange = props.onChange,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    dataSource = props.dataSource,
-    size = props.size,
-    disabled = props.disabled,
-    boxProps = props.boxProps,
-    tagProps = props.tagProps;
+      value = props.value,
+      defaultValue = props.defaultValue,
+      dataSource = props.dataSource,
+      size = props.size,
+      disabled = props.disabled,
+      boxProps = props.boxProps,
+      tagProps = props.tagProps;
+
   var _useState = useState(value || defaultValue),
-    current = _useState[0],
-    setCurrent = _useState[1];
+      current = _useState[0],
+      setCurrent = _useState[1];
+
   useEffect(function () {
     // if (value) {
-
     // }
     setCurrent(value);
   }, [value]);
@@ -37,12 +40,12 @@ var TagSelect = function TagSelect(props) {
       key: "wrap-" + item.key
     }, /*#__PURE__*/React.createElement(SelectableTag, _extends({
       key: item.key,
-      checked: current === item.key
-      // eslint-disable-next-line eqeqeq
+      checked: current === item.key // eslint-disable-next-line eqeqeq
       ,
       disabled: disabled(item.key),
       onChange: function onChange(checked) {
         _onChange && _onChange(item.key);
+
         if (!('value' in props)) {
           setCurrent(item.key);
         }
@@ -54,6 +57,7 @@ var TagSelect = function TagSelect(props) {
     }, item.content)));
   })));
 };
+
 TagSelect.propTypes = {
   // eslint-disable-next-line react/require-default-props
   onChange: PropTypes.func,

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js

@@ -1,12 +1,13 @@
 import React from 'react';
 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;
+      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;
@@ -18,4 +19,5 @@ var Icon = function Icon(props) {
     alt: alt
   });
 };
+
 export default Icon;

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js

@@ -5,14 +5,16 @@ import React from 'react';
 import classnames from 'classnames';
 import Icon from "./Icon";
 import styles from "./index.module.scss";
+
 var TemplateButton = function TemplateButton(props) {
   var className = props.className,
-    children = props.children,
-    icon = props.icon,
-    img = props.img,
-    iconClassName = props.iconClassName,
-    textClassName = props.textClassName,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+      children = props.children,
+      icon = props.icon,
+      img = props.img,
+      iconClassName = props.iconClassName,
+      textClassName = props.textClassName,
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.card, className)
   }, /*#__PURE__*/React.createElement("div", {
@@ -25,4 +27,5 @@ var TemplateButton = function TemplateButton(props) {
     className: classnames(styles.text, textClassName)
   }, /*#__PURE__*/React.createElement("span", null, children)));
 };
+
 export default TemplateButton;