@riil-frontend/component-topology 6.0.3 → 6.0.4

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

@@ -23,13 +23,22 @@ function buildValue(obj) {
   });
 }
 
+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;
+      setStyle = props.setStyle,
+      fieldDisabled = props.fieldDisabled;
 
-  var _useState = useState(true),
+  var _useState = useState(getDisabled(fieldDisabled)),
       disabled = _useState[0],
       setDisabled = _useState[1];
 
@@ -60,6 +69,9 @@ function FontStyleButton(props) {
       underline: underline
     }));
   }, [bold, italic, underline]);
+  useEffect(function () {
+    setDisabled(getDisabled(fieldDisabled));
+  }, [fieldDisabled]);
   /**
    * 
    * @param {Array} selectedKeys 
@@ -93,17 +105,18 @@ function FontStyleButton(props) {
     onSelect: handleSelect
   }, items.map(function (item) {
     return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      key: item.key
+      key: item.key,
+      disabled: fieldDisabled[item.key]
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex',
         alignItems: 'center'
       }
     }, /*#__PURE__*/React.createElement("img", {
-      src: "/img/topo/editor/toolbar/" + item.icon + "/Normal.svg",
+      src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
       alt: ""
     }), /*#__PURE__*/React.createElement("span", {
-      style: {
+      style: fieldDisabled[item.key] ? {} : {
         color: '#4d6277'
       }
     }, item.label)));
@@ -111,5 +124,5 @@ function FontStyleButton(props) {
 }
 
 export default textStyleSettingRouter(FontStyleButton, {
-  names: ['bold', 'italic', 'underline']
+  names: fields
 });

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js

@@ -4,7 +4,10 @@ var _excluded = ["Component"];
 import React, { useMemo } from 'react';
 import { setGlobalTagStyle, useValues } from "./globalTag";
 var fieldDisabled = {
-  fontSize: true
+  fontSize: true,
+  bold: true,
+  italic: true,
+  underline: true
 };
 
 function GlobalTagStyleSetting(props) {

package/es/core/models/TopoApp.js

@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
 
-var version = typeof "6.0.3" === 'string' ? "6.0.3" : null;
+var version = typeof "6.0.4" === 'string' ? "6.0.4" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

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

@@ -39,13 +39,22 @@ function buildValue(obj) {
   });
 }
 
+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;
+      setStyle = props.setStyle,
+      fieldDisabled = props.fieldDisabled;
 
-  var _useState = (0, _react.useState)(true),
+  var _useState = (0, _react.useState)(getDisabled(fieldDisabled)),
       disabled = _useState[0],
       setDisabled = _useState[1];
 
@@ -76,6 +85,9 @@ function FontStyleButton(props) {
       underline: underline
     }));
   }, [bold, italic, underline]);
+  (0, _react.useEffect)(function () {
+    setDisabled(getDisabled(fieldDisabled));
+  }, [fieldDisabled]);
   /**
    * 
    * @param {Array} selectedKeys 
@@ -109,17 +121,18 @@ function FontStyleButton(props) {
     onSelect: handleSelect
   }, items.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
-      key: item.key
+      key: item.key,
+      disabled: fieldDisabled[item.key]
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         display: 'flex',
         alignItems: 'center'
       }
     }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: "/img/topo/editor/toolbar/" + item.icon + "/Normal.svg",
+      src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
       alt: ""
     }), /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
+      style: fieldDisabled[item.key] ? {} : {
         color: '#4d6277'
       }
     }, item.label)));
@@ -127,7 +140,7 @@ function FontStyleButton(props) {
 }
 
 var _default = (0, _textStyleSettingRouter["default"])(FontStyleButton, {
-  names: ['bold', 'italic', 'underline']
+  names: fields
 });
 
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js

@@ -20,7 +20,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var fieldDisabled = {
-  fontSize: true
+  fontSize: true,
+  bold: true,
+  italic: true,
+  underline: true
 };
 
 function GlobalTagStyleSetting(props) {

package/lib/core/models/TopoApp.js

@@ -54,7 +54,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
 var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "6.0.3" === 'string' ? "6.0.3" : null;
+var version = typeof "6.0.4" === 'string' ? "6.0.4" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "6.0.3",
+  "version": "6.0.4",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -116,6 +116,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.3/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.4/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }