@kdcloudjs/kdesign 1.7.62 → 1.7.63

package/es/tree-select/tree-select.js

@@ -215,7 +215,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   // 输入框变化搜索内容
   var handleSearchChange = useCallback(function (event) {
     var val = event.currentTarget.value;
-    setOptionShow(true);
+    handleVisibleChange(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
   }, [onSearch]);
@@ -263,7 +263,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(keys, state);
     !isMultiple && (onChange === null || onChange === void 0 ? void 0 : onChange(keys[0], [TreeMap.get(keys[0])]));
     if (!isMultiple) {
-      setOptionShow(false);
+      handleVisibleChange(false);
     }
   };
   var handleCheck = function handleCheck(keys, state) {
@@ -357,6 +357,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   useEffect(function () {
     setSelectedKeys(initValue);
   }, [initValue]);
+  useEffect(function () {
+    setOptionShow(props.visible);
+  }, [props.visible]);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropDownStyle = _extends({
@@ -394,7 +397,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: singleCls,
       ref: selectionRef,
-      title: label
+      title: typeof label === 'string' ? label : ''
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
     }, /*#__PURE__*/React.createElement("input", {
@@ -449,7 +452,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
           return handleRemove(e, key);
         },
         "data-tag": key,
-        title: label
+        title: typeof label === 'string' ? label : ''
       }, label));
     }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/React.createElement("span", {
       className: itemCls
@@ -513,9 +516,10 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
     }
   };
-  var popperProps = _extends(_extends({}, treeSelectProps), {
+  var popperProps = _extends(_extends({
+    placement: 'bottomLeft'
+  }, treeSelectProps), {
     prefixCls: "".concat(selectPrefixCls, "-panel"),
-    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/lib/tree-select/tree-select.js

@@ -227,7 +227,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   // 输入框变化搜索内容
   var handleSearchChange = (0, _react.useCallback)(function (event) {
     var val = event.currentTarget.value;
-    setOptionShow(true);
+    handleVisibleChange(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
   }, [onSearch]);
@@ -275,7 +275,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(keys, state);
     !isMultiple && (onChange === null || onChange === void 0 ? void 0 : onChange(keys[0], [TreeMap.get(keys[0])]));
     if (!isMultiple) {
-      setOptionShow(false);
+      handleVisibleChange(false);
     }
   };
   var handleCheck = function handleCheck(keys, state) {
@@ -369,6 +369,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   (0, _react.useEffect)(function () {
     setSelectedKeys(initValue);
   }, [initValue]);
+  (0, _react.useEffect)(function () {
+    setOptionShow(props.visible);
+  }, [props.visible]);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropDownStyle = (0, _extends2.default)({
@@ -406,7 +409,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: singleCls,
       ref: selectionRef,
-      title: label
+      title: typeof label === 'string' ? label : ''
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
     }, /*#__PURE__*/_react.default.createElement("input", {
@@ -461,7 +464,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
           return handleRemove(e, key);
         },
         "data-tag": key,
-        title: label
+        title: typeof label === 'string' ? label : ''
       }, label));
     }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/_react.default.createElement("span", {
       className: itemCls
@@ -525,9 +528,10 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
     }
   };
-  var popperProps = (0, _extends2.default)((0, _extends2.default)({}, treeSelectProps), {
+  var popperProps = (0, _extends2.default)((0, _extends2.default)({
+    placement: 'bottomLeft'
+  }, treeSelectProps), {
     prefixCls: "".concat(selectPrefixCls, "-panel"),
-    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.62",
+  "version": "1.7.63",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [