@zat-design/sisyphus-react 4.1.3-beta.5 → 4.1.3-beta.7

package/es/ProEditTable/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"],
-  _excluded2 = ["_dragIndex"];
+  _excluded2 = ["_dragIndex", "_rowIndex"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -427,14 +427,16 @@ var ProEditTable = (_ref, ref) => {
   var TableComponent = draggable ? DraggableTable : BaseTable;
 
   // 给每个 record 附加编辑状态标识，让 shouldCellUpdate 能检测到状态变化
-  // draggable 时同时注入 _dragIndex，供 shouldCellUpdate 感知行位置变化（拖拽后同一行数据不变但位置变了）
+  // 始终注入 _rowIndex，供 shouldCellUpdate 感知行位置变化（增删行后同一行数据不变但位置变了）
+  // draggable 时同时注入 _dragIndex
   var enrichedValue = useMemo(() => {
-    if (!virtualKey && !draggable) return value;
-    return value === null || value === void 0 ? void 0 : value.map((record, idx) => _objectSpread(_objectSpread(_objectSpread({}, record), virtualKey ? {
+    return value === null || value === void 0 ? void 0 : value.map((record, idx) => _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, record), virtualKey ? {
       _isEditing: editingKeys.includes(record.rowKey) || record._addFlag
     } : {}), draggable ? {
       _dragIndex: idx
-    } : {}));
+    } : {}), {}, {
+      _rowIndex: idx
+    }));
   }, [value, virtualKey, editingKeys, draggable]);
   var tableRowKey = useMemo(() => buildTableRowKey(rowKey), [rowKey]);
   var tableProps = useMemo(() => ({
@@ -461,10 +463,12 @@ var ProEditTable = (_ref, ref) => {
     handlePageChange
   }), [_className, _columns, _rowClassName, disabled, editingKeys, formatMessage, handlePageChange, headerRender, isHideCheckBox, locale, page, pagination, renderRowSelection, rowDraggable, rowKey, tableRowKey, scroll, _summary, tableRef, enrichedValue, virtualKey]);
 
-  // 拖拽排序后，enrichedValue 中含 _dragIndex（内部字段），需清除后再传给外部 onChange
+  // 拖拽排序后，enrichedValue 中含 _dragIndex/_rowIndex（内部字段），需清除后再传给外部 onChange
   var handleDragChange = useCallback(newValue => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var cleanValue = newValue === null || newValue === void 0 ? void 0 : newValue.map(_ref6 => {
-      var _ = _ref6._dragIndex,
+      var _d = _ref6._dragIndex,
+        _r = _ref6._rowIndex,
         rest = _objectWithoutProperties(_ref6, _excluded2);
       return rest;
     });

package/es/ProEditTable/utils/index.js

@@ -407,6 +407,10 @@ export var transformColumns = function transformColumns() {
         if ((record === null || record === void 0 ? void 0 : record.rowKey) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord.rowKey)) {
           return true;
         }
+        // 行位置变化时（增删其他行导致 index 移位），需强制重渲染以更新 Form.Item name 路径
+        if ((record === null || record === void 0 ? void 0 : record._rowIndex) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord._rowIndex)) {
+          return true;
+        }
         // 拖拽排序时，行数据不变但位置（_dragIndex）变化，需强制重渲染以更新 cellName（Form.Item name）
         if ((record === null || record === void 0 ? void 0 : record._dragIndex) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord._dragIndex)) {
           return true;

package/es/ProTreeModal/components/Tree.js

@@ -13,12 +13,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /* eslint-disable no-plusplus */
-import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import { Tree } from 'antd';
 import ListComponent from "./List";
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
-import { filterCheckedNodes, getParentKey } from "../utils";
+import { filterCheckedNodes, getAllKeys, getParentKey } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -53,6 +53,7 @@ function List(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     autoExpandParent = _useState4[0],
     setAutoExpandParent = _useState4[1];
+  var hasInitializedExpand = useRef(false);
   useEffect(() => {
     if (searchStr) {
       var newExpandedKeys = flatTreeData.map(item => {
@@ -66,6 +67,14 @@ function List(props, ref) {
       setAutoExpandParent(true);
     }
   }, [searchStr]);
+  useEffect(() => {
+    if (!searchStr && !hasInitializedExpand.current && originalTreeData !== null && originalTreeData !== void 0 && originalTreeData.length) {
+      var defaultExpandedKeys = getAllKeys(originalTreeData || [], fieldNames);
+      setExpandedKeys(defaultExpandedKeys);
+      setAutoExpandParent(true);
+      hasInitializedExpand.current = true;
+    }
+  }, [originalTreeData, fieldNames, searchStr]);
   var _treeData = useMemo(() => {
     function fn() {
       var loop = (data, index) => {

package/es/ProTreeModal/components/Trigger.js

@@ -62,13 +62,21 @@ function Trigger(props) {
         mode: 'appoint'
       });
     }
-  }, [checkAll]);
+  }, [allValue, value, appoint, checkAll]);
   var onIconClick = () => {
     if (appoint && state.mode === 'all') {
       return;
     }
     handleClick();
   };
+  var viewIconClassName = classNames('pro-tree-modal-view-svg', {
+    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && state.mode !== 'all' && !afterDisabled,
+    'pro-tree-modal-view-svg-not-allowed': appoint && state.mode === 'all'
+  });
+  var addonAfterClassName = classNames('pro-enum-input-addonAfter', {
+    'pro-enum-input-addonAfter-not-allowed': appoint && state.mode === 'all',
+    'trigger-no-hover': afterDisabled
+  });
   if (isView) {
     var _locale$ProTreeModal;
     return /*#__PURE__*/_jsxs("div", {
@@ -80,9 +88,9 @@ function Trigger(props) {
           num: checkedValues.length
         })
       }), /*#__PURE__*/_jsx("div", {
-        className: "pro-enum-input-addonAfter",
+        className: addonAfterClassName,
         children: /*#__PURE__*/_jsx(ReactSVG, {
-          className: "pro-tree-modal-view-svg",
+          className: viewIconClassName,
           src: viewSvg,
           onClick: onIconClick
         })
@@ -161,14 +169,14 @@ function Trigger(props) {
           flex: 1
         })
       })), /*#__PURE__*/_jsxs("div", {
-        className: "pro-enum-input-addonAfter",
+        className: addonAfterClassName,
         children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/_jsx("span", {
           className: "close-icon",
           children: /*#__PURE__*/_jsx(CloseOutlined, {
             onClick: handleClearAll
           })
         }), /*#__PURE__*/_jsx(ReactSVG, {
-          className: "pro-tree-modal-view-svg",
+          className: viewIconClassName,
           src: viewSvg,
           onClick: onIconClick
         })]

package/es/ProTreeModal/index.js

@@ -780,7 +780,7 @@ var ProTreeModal = props => {
         title: title,
         mode: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? /*#__PURE__*/_jsx(Checkbox, {
+        extraLeft: allValue !== undefined && !isView ? /*#__PURE__*/_jsx(Checkbox, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
@@ -811,12 +811,12 @@ var ProTreeModal = props => {
               className: "pro-tree-modal-box-header",
               children: [/*#__PURE__*/_jsxs("span", {
                 children: [locale === null || locale === void 0 || (_locale$ProTreeModal11 = locale.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), /*#__PURE__*/_jsx(Button, {
+              }), !isView ? /*#__PURE__*/_jsx(Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
                 children: locale === null || locale === void 0 || (_locale$ProTreeModal12 = locale.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
-              })]
+              }) : null]
             }), /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",
               children: renderView()

package/es/ProTreeModal/style/index.less

@@ -53,10 +53,13 @@
   }
   
   &:hover{
-    .pro-enum-input-addonAfter {
+    .pro-enum-input-addonAfter:not(.trigger-no-hover):not(.pro-enum-input-addonAfter-not-allowed) {
       border-color: var(--zaui-brand-hover, #3387ff);
       color: var(--zaui-brand-hover, #3387ff);
     }
+    .pro-enum-input-addonAfter:not(.trigger-no-hover):not(.pro-enum-input-addonAfter-not-allowed) .pro-tree-modal-view-svg-active {
+      color: var(--zaui-brand-hover, #3387ff);
+    }
   }
   &-placeholder {
     color: #939499;
@@ -72,11 +75,28 @@
     }
   }
   .pro-tree-modal-view-svg {
+    color: inherit;
     div {
       display: flex;
     }
   }
 
+  .pro-tree-modal-view-svg-active {
+    color: var(--zaui-brand, #006aff);
+  }
+
+  .pro-tree-modal-view-svg-not-allowed {
+    cursor: not-allowed;
+    div,
+    svg {
+      cursor: not-allowed;
+    }
+  }
+
+  .pro-enum-input-addonAfter-not-allowed {
+    cursor: not-allowed;
+  }
+
   &-content {
     display: flex;
     flex-direction: row;

package/lib/ProEditTable/index.js

@@ -18,7 +18,7 @@ var _locale = _interopRequireWildcard(require("../locale"));
 var _RcTable = require("./components/RcTable");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"],
-  _excluded2 = ["_dragIndex"];
+  _excluded2 = ["_dragIndex", "_rowIndex"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -434,14 +434,16 @@ var ProEditTable = (_ref, ref) => {
   var TableComponent = draggable ? _RcTable.DraggableTable : _RcTable.BaseTable;
 
   // 给每个 record 附加编辑状态标识，让 shouldCellUpdate 能检测到状态变化
-  // draggable 时同时注入 _dragIndex，供 shouldCellUpdate 感知行位置变化（拖拽后同一行数据不变但位置变了）
+  // 始终注入 _rowIndex，供 shouldCellUpdate 感知行位置变化（增删行后同一行数据不变但位置变了）
+  // draggable 时同时注入 _dragIndex
   var enrichedValue = (0, _react.useMemo)(() => {
-    if (!virtualKey && !draggable) return value;
-    return value === null || value === void 0 ? void 0 : value.map((record, idx) => _objectSpread(_objectSpread(_objectSpread({}, record), virtualKey ? {
+    return value === null || value === void 0 ? void 0 : value.map((record, idx) => _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, record), virtualKey ? {
       _isEditing: editingKeys.includes(record.rowKey) || record._addFlag
     } : {}), draggable ? {
       _dragIndex: idx
-    } : {}));
+    } : {}), {}, {
+      _rowIndex: idx
+    }));
   }, [value, virtualKey, editingKeys, draggable]);
   var tableRowKey = (0, _react.useMemo)(() => (0, _tools.buildTableRowKey)(rowKey), [rowKey]);
   var tableProps = (0, _react.useMemo)(() => ({
@@ -468,10 +470,12 @@ var ProEditTable = (_ref, ref) => {
     handlePageChange
   }), [_className, _columns, _rowClassName, disabled, editingKeys, _locale.formatMessage, handlePageChange, headerRender, isHideCheckBox, _locale.default, page, pagination, renderRowSelection, rowDraggable, rowKey, tableRowKey, scroll, _summary, tableRef, enrichedValue, virtualKey]);
 
-  // 拖拽排序后，enrichedValue 中含 _dragIndex（内部字段），需清除后再传给外部 onChange
+  // 拖拽排序后，enrichedValue 中含 _dragIndex/_rowIndex（内部字段），需清除后再传给外部 onChange
   var handleDragChange = (0, _react.useCallback)(newValue => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var cleanValue = newValue === null || newValue === void 0 ? void 0 : newValue.map(_ref6 => {
-      var _ = _ref6._dragIndex,
+      var _d = _ref6._dragIndex,
+        _r = _ref6._rowIndex,
         rest = _objectWithoutProperties(_ref6, _excluded2);
       return rest;
     });

package/lib/ProEditTable/utils/index.js

@@ -413,6 +413,10 @@ var transformColumns = exports.transformColumns = function transformColumns() {
         if ((record === null || record === void 0 ? void 0 : record.rowKey) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord.rowKey)) {
           return true;
         }
+        // 行位置变化时（增删其他行导致 index 移位），需强制重渲染以更新 Form.Item name 路径
+        if ((record === null || record === void 0 ? void 0 : record._rowIndex) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord._rowIndex)) {
+          return true;
+        }
         // 拖拽排序时，行数据不变但位置（_dragIndex）变化，需强制重渲染以更新 cellName（Form.Item name）
         if ((record === null || record === void 0 ? void 0 : record._dragIndex) !== (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord._dragIndex)) {
           return true;

package/lib/ProTreeModal/components/Tree.js

@@ -60,6 +60,7 @@ function List(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     autoExpandParent = _useState4[0],
     setAutoExpandParent = _useState4[1];
+  var hasInitializedExpand = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
     if (searchStr) {
       var newExpandedKeys = flatTreeData.map(item => {
@@ -73,6 +74,14 @@ function List(props, ref) {
       setAutoExpandParent(true);
     }
   }, [searchStr]);
+  (0, _react.useEffect)(() => {
+    if (!searchStr && !hasInitializedExpand.current && originalTreeData !== null && originalTreeData !== void 0 && originalTreeData.length) {
+      var defaultExpandedKeys = (0, _utils.getAllKeys)(originalTreeData || [], fieldNames);
+      setExpandedKeys(defaultExpandedKeys);
+      setAutoExpandParent(true);
+      hasInitializedExpand.current = true;
+    }
+  }, [originalTreeData, fieldNames, searchStr]);
   var _treeData = (0, _react.useMemo)(() => {
     function fn() {
       var loop = (data, index) => {

package/lib/ProTreeModal/components/Trigger.js

@@ -70,13 +70,21 @@ function Trigger(props) {
         mode: 'appoint'
       });
     }
-  }, [checkAll]);
+  }, [allValue, value, appoint, checkAll]);
   var onIconClick = () => {
     if (appoint && state.mode === 'all') {
       return;
     }
     handleClick();
   };
+  var viewIconClassName = (0, _classnames.default)('pro-tree-modal-view-svg', {
+    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && state.mode !== 'all' && !afterDisabled,
+    'pro-tree-modal-view-svg-not-allowed': appoint && state.mode === 'all'
+  });
+  var addonAfterClassName = (0, _classnames.default)('pro-enum-input-addonAfter', {
+    'pro-enum-input-addonAfter-not-allowed': appoint && state.mode === 'all',
+    'trigger-no-hover': afterDisabled
+  });
   if (isView) {
     var _locale$ProTreeModal;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -88,9 +96,9 @@ function Trigger(props) {
           num: checkedValues.length
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-enum-input-addonAfter",
+        className: addonAfterClassName,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-          className: "pro-tree-modal-view-svg",
+          className: viewIconClassName,
           src: _view.default,
           onClick: onIconClick
         })
@@ -169,14 +177,14 @@ function Trigger(props) {
           flex: 1
         })
       })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "pro-enum-input-addonAfter",
+        className: addonAfterClassName,
         children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "close-icon",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
             onClick: handleClearAll
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-          className: "pro-tree-modal-view-svg",
+          className: viewIconClassName,
           src: _view.default,
           onClick: onIconClick
         })]

package/lib/ProTreeModal/index.js

@@ -787,7 +787,7 @@ var ProTreeModal = props => {
         title: title,
         mode: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
+        extraLeft: allValue !== undefined && !isView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
@@ -818,12 +818,12 @@ var ProTreeModal = props => {
               className: "pro-tree-modal-box-header",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                 children: [_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+              }), !isView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
                 children: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
-              })]
+              }) : null]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",
               children: renderView()

package/lib/ProTreeModal/style/index.less

@@ -53,10 +53,13 @@
   }
   
   &:hover{
-    .pro-enum-input-addonAfter {
+    .pro-enum-input-addonAfter:not(.trigger-no-hover):not(.pro-enum-input-addonAfter-not-allowed) {
       border-color: var(--zaui-brand-hover, #3387ff);
       color: var(--zaui-brand-hover, #3387ff);
     }
+    .pro-enum-input-addonAfter:not(.trigger-no-hover):not(.pro-enum-input-addonAfter-not-allowed) .pro-tree-modal-view-svg-active {
+      color: var(--zaui-brand-hover, #3387ff);
+    }
   }
   &-placeholder {
     color: #939499;
@@ -72,11 +75,28 @@
     }
   }
   .pro-tree-modal-view-svg {
+    color: inherit;
     div {
       display: flex;
     }
   }
 
+  .pro-tree-modal-view-svg-active {
+    color: var(--zaui-brand, #006aff);
+  }
+
+  .pro-tree-modal-view-svg-not-allowed {
+    cursor: not-allowed;
+    div,
+    svg {
+      cursor: not-allowed;
+    }
+  }
+
+  .pro-enum-input-addonAfter-not-allowed {
+    cursor: not-allowed;
+  }
+
   &-content {
     display: flex;
     flex-direction: row;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.1.3-beta.5",
+  "version": "4.1.3-beta.7",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",