@kmkf-fe-packages/basic-components 2.0.54-beta.71 → 2.0.54-beta.72

package/dist/index.esm.js

@@ -20583,12 +20583,14 @@ var MsgStatus = function MsgStatus(props) {
   }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
 };
 
-var _excluded$n = ["mode", "showOnly", "getOptionsAsync"];
+var _excluded$n = ["mode", "maxSelectCount", "showOnly", "getOptionsAsync", "onChange"];
 var AsyncSelect = function AsyncSelect(props) {
   var mode = props.mode,
+    maxSelectCount = props.maxSelectCount,
     _props$showOnly = props.showOnly,
     showOnly = _props$showOnly === void 0 ? false : _props$showOnly,
     getOptionsAsync = props.getOptionsAsync,
+    _onChange = props.onChange,
     otherProps = _objectWithoutProperties(props, _excluded$n);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20602,24 +20604,25 @@ var AsyncSelect = function AsyncSelect(props) {
   var options = [].concat(_toConsumableArray(props.options || []), _toConsumableArray(data || []));
   var getValueString = function getValueString(value) {
     var list = options;
-    if (!mode) {
-      var selectedItem = list.find(function (item) {
-        return item.value === value;
-      });
-      return selectedItem ? selectedItem.label : value !== null && value !== void 0 ? value : '--';
-    } else if (mode === 'multiple' && Array.isArray(value)) {
+    if (mode === 'multiple' && Array.isArray(value)) {
       var _list$filter$map$join;
       return (_list$filter$map$join = list.filter(function (item) {
         return value.includes(item.value);
       }).map(function (item) {
         return item.label;
       }).join('，')) !== null && _list$filter$map$join !== void 0 ? _list$filter$map$join : '--';
+    } else {
+      var selectedItem = list.find(function (item) {
+        return item.value === value;
+      });
+      return selectedItem ? selectedItem.label : value !== null && value !== void 0 ? value : '--';
     }
   };
   if (showOnly) {
     return getValueString(props.value);
   }
   return /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
+    showArrow: true,
     showSearch: true,
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
@@ -20627,7 +20630,14 @@ var AsyncSelect = function AsyncSelect(props) {
     notFoundContent: null
   }, otherProps), {}, {
     options: options,
-    mode: mode
+    mode: mode,
+    onChange: function onChange(value, option) {
+      if (mode === 'multiple' && maxSelectCount && maxSelectCount < value.length) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value.slice(-maxSelectCount), option);
+      } else {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value, option);
+      }
+    }
   }));
 };
 

package/dist/index.js

@@ -20595,12 +20595,14 @@ var MsgStatus = function MsgStatus(props) {
   }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
 };
 
-var _excluded$n = ["mode", "showOnly", "getOptionsAsync"];
+var _excluded$n = ["mode", "maxSelectCount", "showOnly", "getOptionsAsync", "onChange"];
 var AsyncSelect = function AsyncSelect(props) {
   var mode = props.mode,
+    maxSelectCount = props.maxSelectCount,
     _props$showOnly = props.showOnly,
     showOnly = _props$showOnly === void 0 ? false : _props$showOnly,
     getOptionsAsync = props.getOptionsAsync,
+    _onChange = props.onChange,
     otherProps = _objectWithoutProperties(props, _excluded$n);
   var _React$useState = React__default['default'].useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20614,24 +20616,25 @@ var AsyncSelect = function AsyncSelect(props) {
   var options = [].concat(_toConsumableArray(props.options || []), _toConsumableArray(data || []));
   var getValueString = function getValueString(value) {
     var list = options;
-    if (!mode) {
-      var selectedItem = list.find(function (item) {
-        return item.value === value;
-      });
-      return selectedItem ? selectedItem.label : value !== null && value !== void 0 ? value : '--';
-    } else if (mode === 'multiple' && Array.isArray(value)) {
+    if (mode === 'multiple' && Array.isArray(value)) {
       var _list$filter$map$join;
       return (_list$filter$map$join = list.filter(function (item) {
         return value.includes(item.value);
       }).map(function (item) {
         return item.label;
       }).join('，')) !== null && _list$filter$map$join !== void 0 ? _list$filter$map$join : '--';
+    } else {
+      var selectedItem = list.find(function (item) {
+        return item.value === value;
+      });
+      return selectedItem ? selectedItem.label : value !== null && value !== void 0 ? value : '--';
     }
   };
   if (showOnly) {
     return getValueString(props.value);
   }
   return /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({
+    showArrow: true,
     showSearch: true,
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
@@ -20639,7 +20642,14 @@ var AsyncSelect = function AsyncSelect(props) {
     notFoundContent: null
   }, otherProps), {}, {
     options: options,
-    mode: mode
+    mode: mode,
+    onChange: function onChange(value, option) {
+      if (mode === 'multiple' && maxSelectCount && maxSelectCount < value.length) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value.slice(-maxSelectCount), option);
+      } else {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value, option);
+      }
+    }
   }));
 };
 

package/dist/src/common/AsyncSelect/index.d.ts

@@ -1,7 +1,9 @@
 import { SelectProps } from 'antd';
-declare const AsyncSelect: (props: SelectProps & {
+declare const AsyncSelect: (props: SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> & {
     mode: string;
-    showOnly?: boolean;
-    getOptionsAsync?: () => Promise<Required<SelectProps>['options']>;
+    maxSelectCount?: number | undefined;
+    showOnly?: boolean | undefined;
+    onChange: (value: string | string[], data: any) => void;
+    getOptionsAsync?: (() => Promise<Required<SelectProps>['options']>) | undefined;
 }) => any;
 export default AsyncSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.0.54-beta.71",
+  "version": "2.0.54-beta.72",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.71",
+    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.72",
     "ahooks": "^3.7.4",
     "bignumber.js": "^9.1.2",
     "kmkf-monitor": "^0.8.9",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9b51148bda8a490eaae1b17c79543d6cc4d3baec"
+  "gitHead": "57029c6ab776b45df269aeb6bf44382d32dafe35"
 }