fan-standard-comp 3.2.10 → 3.2.11

package/es/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -52,6 +52,10 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   /*
   // 下拉浮层显示"全选"功能（未完善）
    const [indeterminate, setIndeterminate] = useState(false)
@@ -186,6 +190,20 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 ? void 0 : _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 ? void 0 : _otherProps$onSearch.call(otherProps, value);
       }
       // 下拉浮层中显示"全选"按钮
       // dropdownRender={(originNode) => {
@@ -198,10 +216,10 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // }}
     }), _renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = getNodePaths(treeData, value, {
@@ -260,7 +278,8 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "refactor-tree-select ".concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/React.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode());
 });
 export default RefactorTreeSelect;

package/lib/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -61,6 +61,10 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   /*
   // 下拉浮层显示"全选"功能（未完善）
    const [indeterminate, setIndeterminate] = useState(false)
@@ -195,6 +199,20 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 ? void 0 : _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 ? void 0 : _otherProps$onSearch.call(otherProps, value);
       }
       // 下拉浮层中显示"全选"按钮
       // dropdownRender={(originNode) => {
@@ -207,10 +225,10 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
       // }}
     }), _renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = (0, _utils.getNodePaths)(treeData, value, {
@@ -269,7 +287,8 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     className: "refactor-tree-select ".concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode());
 });
 var _default = exports.default = RefactorTreeSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fan-standard-comp",
-  "version": "3.2.10",
+  "version": "3.2.11",
   "description": "FZ standard-comp,basic of antd4.0 and custom component.",
   "main": "lib/index.js",
   "module": "es/index.js",