@kdcloudjs/kdesign 1.6.26 → 1.6.28

package/es/input/style/index.css

@@ -532,3 +532,6 @@ textarea {
 .kd-input-allowClear-spacing {
   padding-right: 20px;
 }
+.kd-input-input-mark-inner {
+  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
+}

package/es/input/style/index.less

@@ -15,20 +15,25 @@ textarea {
   overflow: auto;
   resize: vertical;
 }
+
 .@{input-prefix-cls} {
   .input(@input-prefix-cls);
+
   transition: border-color @transition-duration-inner;
+
   &-countWrapper {
     position: relative;
     display: inline-block;
     width: 100%;
   }
+
   &-textarea {
     .input(@input-prefix-cls);
     transition: border-color @transition-duration-inner;
     max-width: 100%;
     height: auto;
     vertical-align: bottom;
+
     &-mark {
       position: absolute;
       right: 0;
@@ -39,48 +44,59 @@ textarea {
       line-height: 18px;
       background-color: #fff;
     }
+
     &-mark-inner {
       top: auto;
       bottom: 5px;
       right: 8px;
     }
   }
+
   &-no-resize {
     resize: none;
   }
+
   &-borderless {
     border: 0;
     padding-left: 0 !important;
+
     &:focus {
       border: 0;
     }
   }
+
   &-underline {
     border: none;
     border-bottom: 1px solid @input-color-border;
     border-radius: 0;
     padding-left: 0 !important;
   }
+
   &-disabled {
     background-color: @input-background-color-disabled-inner;
     border-color: @input-border-color-disabled-inner;
     color: @input-affix-color;
     cursor: not-allowed;
   }
+
   &-underline&-disabled {
     color: @input-color-disabled-inner;
     background-color: @input-background-color-inner;
     border-color: @input-underline-border-color-disabled-inner;
   }
+
   &-size-small {
     .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-size-middle {
     .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-size-large {
     .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-wrapper {
     padding-left: @input-wrapper-padding-left !important;
     .input(@wrapper-prefix-cls);
@@ -90,11 +106,13 @@ textarea {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     overflow: hidden;
+
     .@{input-prefix-cls} {
       border: none;
       padding-left: @input-padding-left;
       padding-right: 0;
       height: 100%;
+
       &-suffix,
       &-prefix {
         display: flex;
@@ -104,25 +122,32 @@ textarea {
         word-break: keep-all;
         color: @input-affix-color;
       }
+
       &-suffix {
         margin-left: 4px;
       }
+
       &-prefix {
         margin-right: 4px;
       }
     }
+
     &-size-small {
       .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
     }
+
     &-size-middle {
       .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-middle-padding-horizontal-inner);
     }
+
     &-size-large {
       .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-large-padding-horizontal-inner);
     }
+
     &-borderless {
       .border-less;
     }
+
     &-underline {
       .underline;
     }
@@ -142,12 +167,14 @@ textarea {
       }
     }
   }
+
   &-wrapper-textarea {
     .input(@input-prefix-cls);
     border: none !important;
     padding: 0 !important;
     position: relative;
     display: inline-block;
+
     .@{input-prefix-cls} {
       &-textarea-clear-icon {
         position: absolute;
@@ -157,13 +184,16 @@ textarea {
       }
     }
   }
+
   &-clear-icon,
   &-textarea-clear-icon {
     .input-clear-icon;
   }
+
   &-clear-icon-hidden {
     visibility: hidden;
   }
+
   &-clear-icon-rightSpace {
     margin-right: 4px;
   }
@@ -173,6 +203,7 @@ textarea {
     width: 100%;
     text-align: start;
     vertical-align: top;
+
     .@{input-prefix-cls} {
       &-group {
         box-sizing: border-box;
@@ -189,19 +220,23 @@ textarea {
         width: 100%;
         border-collapse: separate;
         border-spacing: 0;
+
         & > .@{input-prefix-cls}-wrapper {
           &:not(:first-child):not(:last-child) {
             border-radius: 0;
           }
+
           &:first-child:not(:last-child) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
           }
+
           &:not(:first-child):last-child {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
           }
         }
+
         .@{input-prefix-cls}-group-addon {
           position: relative;
           color: @input-affix-color;
@@ -216,11 +251,13 @@ textarea {
           display: flex;
           align-items: center;
           height: @input-middle-height-inner;
+
           &:first-child {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
             border-right: none;
           }
+
           &:last-child {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
@@ -230,9 +267,11 @@ textarea {
           &-borderless {
             .border-less;
           }
+
           &-underline {
             .underline;
           }
+
           &-disabled {
             background-color: @input-background-color-disabled-inner;
             border-color: @input-border-color-disabled-inner;
@@ -241,16 +280,19 @@ textarea {
           }
         }
       }
+
       &-group-size-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-small-height-inner;
         }
       }
+
       &-group-middle-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-middle-height-inner;
         }
       }
+
       &-group-large-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-large-height-inner;
@@ -258,7 +300,12 @@ textarea {
       }
     }
   }
+
   &-allowClear-spacing {
     padding-right: 20px;
   }
+
+  &-input-mark-inner {
+    color: @input-placeholder-color-inner;
+  }
 }

package/es/input-number/inputNumber.d.ts

@@ -22,6 +22,7 @@ export interface InputNumberProps extends InputProps {
     stepOption?: StepOption;
     stepperrref?: any;
     formatter?: (value: string | undefined) => string;
+    numberMode?: boolean;
 }
 declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<unknown>>;
 export default InputNumber;

package/es/input-number/inputNumber.js

@@ -53,15 +53,16 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       minMark = inputNumberProps.minMark,
       max = inputNumberProps.max,
       maxMark = inputNumberProps.maxMark,
+      numberMode = inputNumberProps.numberMode,
       prefix = inputNumberProps.prefix,
       suffix = inputNumberProps.suffix,
       formatter = inputNumberProps.formatter,
       className = inputNumberProps.className,
-      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix", "formatter", "className"]);
+      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "numberMode", "prefix", "suffix", "formatter", "className"]);
 
   var initVal = value === undefined ? defaultValue : value;
 
-  var _useState = useState(serialization(initVal || '')),
+  var _useState = useState(serialization(initVal !== undefined ? initVal + '' : '')),
       _useState2 = _slicedToArray(_useState, 2),
       inputValue = _useState2[0],
       setInputValue = _useState2[1];
@@ -129,7 +130,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     }
 
     value === undefined && setInputValue(legalNumber);
-    onChange && onChange(handleEventAttachValue(event, legalNumber));
+    onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
   };
 
   var handleFocus = function handleFocus(event) {

package/es/pagination/pagination.d.ts

@@ -4,6 +4,15 @@ export declare const PageTypes: ["basic", "bill", "simple", "less", "nicety"];
 export declare const TotalTypes: ["page", "row", "all"];
 export declare type pageType = typeof PageTypes[number];
 export declare type totalType = typeof TotalTypes[number];
+export interface IIcons {
+    first: React.ReactElement;
+    last: React.ReactElement;
+    prev: React.ReactElement;
+    next: React.ReactElement;
+    down: React.ReactElement;
+    jumpPrev: React.ReactElement;
+    jumpNext: React.ReactElement;
+}
 export interface IPaginationProps {
     total?: number;
     current?: number;
@@ -27,6 +36,7 @@ export interface IPaginationProps {
         goButton?: React.ReactNode;
     };
     onShowSizeChange?: (current: number, size: number) => void;
+    icons?: Partial<IIcons>;
 }
 declare const Pagination: React.FC<IPaginationProps>;
 export default Pagination;

package/es/pagination/pagination.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
@@ -51,6 +51,7 @@ var Pagination = function Pagination(props) {
       showSizeChanger = _getCompProps.showSizeChanger,
       onShowSizeChange = _getCompProps.onShowSizeChange,
       hideOnSinglePage = _getCompProps.hideOnSinglePage,
+      icons = _getCompProps.icons,
       customPrefixcls = _getCompProps.prefixCls;
 
   devWarning(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'")); // className前缀
@@ -92,7 +93,32 @@ var Pagination = function Pagination(props) {
   var _React$useState7 = React.useState(false),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       isOpen = _React$useState8[0],
-      setIsOpen = _React$useState8[1]; // 切换pageSize
+      setIsOpen = _React$useState8[1]; // icons
+
+
+  var innerIcon = _extends({
+    first: /*#__PURE__*/React.createElement(Icon, {
+      type: "first"
+    }),
+    last: /*#__PURE__*/React.createElement(Icon, {
+      type: "last"
+    }),
+    prev: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-left"
+    }),
+    next: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-right"
+    }),
+    down: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-down"
+    }),
+    jumpPrev: /*#__PURE__*/React.createElement(Icon, {
+      type: "double-arrow-left"
+    }),
+    jumpNext: /*#__PURE__*/React.createElement(Icon, {
+      type: "double-arrow-right"
+    })
+  }, icons || {}); // 切换pageSize
 
 
   var handleChangeSize = function handleChangeSize(key) {
@@ -239,24 +265,16 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.first)), /*#__PURE__*/React.createElement("button", {
     onClick: handleFirst,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "first"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.first)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.next)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
     onClick: handleLast,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "last"
-  })))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.last))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-selector")
   }, /*#__PURE__*/React.createElement(Dropdown, _extends({
     selectable: true,
@@ -276,13 +294,10 @@ var Pagination = function Pagination(props) {
   }, dropdownProps, {
     onVisibleChange: dropdownVisibleChange
   }), /*#__PURE__*/React.createElement("button", {
-    className: "".concat(prefixCls, "-selector-size")
+    className: classNames("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
   }, /*#__PURE__*/React.createElement("span", null, locale.getLangMsg('Pagination', 'perPage', {
     size: size
-  })), /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-down",
-    className: classNames("".concat(prefixCls, "-dropdown-icon"), _defineProperty({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-  })))));
+  })), innerIcon.down))));
   var simplePagination = /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, 'simple', className),
     style: style
@@ -294,9 +309,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-current")
   }, showJumper ? /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -311,9 +324,7 @@ var Pagination = function Pagination(props) {
   }, totalPage)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var lessPages = genArray(1, totalPage);
   var lessPagination = /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, 'less', {
@@ -326,9 +337,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), _mapInstanceProperty(lessPages).call(lessPages, function (item, index) {
+  }, innerIcon.prev)), _mapInstanceProperty(lessPages).call(lessPages, function (item, index) {
     return /*#__PURE__*/React.createElement("li", _extends({
       key: index
     }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
@@ -340,9 +349,7 @@ var Pagination = function Pagination(props) {
   }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var nicetyPages = lessPages;
 
   if (totalPage >= 8) {
@@ -371,31 +378,26 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), _mapInstanceProperty(nicetyPages).call(nicetyPages, function (item, index) {
+  }, innerIcon.prev)), _mapInstanceProperty(nicetyPages).call(nicetyPages, function (item, index) {
     var handleChangePage = function handleChangePage() {
       return typeof item === 'string' ? item === '<<' ? jumpPrev() : jumpNext() : changePage(item);
     };
 
     var pageText = typeof item === 'string' ? '...' : item;
-    var jumperIconType = item === '<<' ? 'double-arrow-left' : 'double-arrow-right';
+    var jumperIconType = item === '<<' ? innerIcon.jumpPrev : innerIcon.jumpNext;
     var title = typeof item === 'string' ? paginationLangMsg[item === '<<' ? 'forward' : 'backward'] : String(item);
     return /*#__PURE__*/React.createElement("li", _extends({
       key: index
     }, itemAttr('pages-item', title, item === page)), /*#__PURE__*/React.createElement("button", {
       onClick: handleChangePage,
       disabled: disabled
-    }, pageText, typeof item === 'string' && /*#__PURE__*/React.createElement(Icon, {
-      type: jumperIconType,
+    }, pageText, typeof item === 'string' && /*#__PURE__*/React.cloneElement(jumperIconType, {
       className: "".concat(prefixCls, "-pages-jumper-icon")
     })));
   }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))), showJumper && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.next))), showJumper && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-jumper")
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -428,11 +430,8 @@ var Pagination = function Pagination(props) {
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
     }), /*#__PURE__*/React.createElement("button", {
-      className: "".concat(prefixCls, "-options-size")
-    }, size, /*#__PURE__*/React.createElement(Icon, {
-      type: "arrow-down",
-      className: classNames("".concat(prefixCls, "-dropdown-icon"), _defineProperty({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-    })))
+      className: classNames("".concat(prefixCls, "-options-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
+    }, size, innerIcon.down))
   })));
   var mapPagination = {
     basic: normalPagination,

package/es/pagination/style/index.css

@@ -707,17 +707,17 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size .kd-pagination-dropdown-icon-open {
+.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.kd-pagination-options-dropdown-open i {
   -webkit-transform: rotate(180deg) translateY(50%);
           transform: rotate(180deg) translateY(50%);
 }
-.kd-pagination-dropdown-icon {
+.kd-pagination-options-dropdown i {
   -webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
   transition: -webkit-transform var(--kd-g-duration, 0.3s);
   transition: transform var(--kd-g-duration, 0.3s);
   transition: transform var(--kd-g-duration, 0.3s), -webkit-transform var(--kd-g-duration, 0.3s);
 }
-.kd-pagination-dropdown-icon-open {
+.kd-pagination-options-dropdown-open i {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }

package/es/pagination/style/index.less

@@ -25,6 +25,7 @@
     display: inline-block;
     margin-right: 12px;
     vertical-align: middle;
+
     .@{pagination-prefix-cls}-current-input {
       box-sizing: border-box;
       width: 44px;
@@ -303,6 +304,7 @@
     .@{pagination-pages-prefix-cls} {
       .reset-component;
       display: inline-block;
+
       &-item {
         .reset-component;
         position: relative;
@@ -372,6 +374,7 @@
     .@{pagination-pages-prefix-cls} {
       .reset-component;
       display: inline-block;
+
       &-item {
         .reset-component;
         position: relative;
@@ -388,6 +391,7 @@
         &.active {
           button {
             border-color: @pagination-border-hover-color;
+
             &:disabled {
               border-color: @pagination-border-disabled-color;
             }
@@ -577,16 +581,24 @@
           transform: translateY(-50%);
         }
 
-        .@{pagination-prefix-cls}-dropdown-icon-open {
-          transform: rotate(180deg) translateY(50%);
+        &.@{pagination-prefix-cls}-options-dropdown-open {
+          i {
+            transform: rotate(180deg) translateY(50%);
+          }
         }
       }
     }
   }
-  &-dropdown-icon {
-    transition: transform @duration-promptly;
+
+  &-options-dropdown {
+    i {
+      transition: transform @duration-promptly;
+    }
+
     &-open {
-      transform: rotate(180deg);
+      i {
+        transform: rotate(180deg);
+      }
     }
   }
 }

package/es/radio/index.js

@@ -3,6 +3,7 @@ import Group from './group';
 import Button from './radio-button';
 var Radio = InternalRadio;
 Radio.Group = Group;
+Radio.Group.displayName = 'RadioGroup';
 Radio.Button = Button;
 export { Group, Button };
 export default Radio;

package/es/select/interface.d.ts

@@ -59,4 +59,12 @@ export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps
     onSearch?: (value?: string) => void;
     onClear?: () => void;
     onDropdownVisibleChange?: (value?: T) => void;
+    tagRender?: (props: TagProps) => void;
+}
+export interface TagProps {
+    value?: string;
+    label?: React.ReactNode;
+    disabled: boolean;
+    size: SelectSize;
+    onClose: () => void;
 }