@aloudata/aloudata-design 0.2.0-beta.9 → 0.2.1

package/es/Input/index.js

@@ -1,45 +1,9 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-var _excluded = ["size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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; }
-
-import React from 'react';
+import InternalInput from './components/Input';
+import Group from './components/Group';
 import TextArea from './components/TextArea';
 import Password from './components/Password';
-import Group from './components/Group'; // IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
-
-function Input(props) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var getInputSize = function getInputSize(inputSize) {
-    if (inputSize === 'small' || inputSize === 'large') {
-      return inputSize;
-    }
-
-    return 'middle';
-  };
-
-  return /*#__PURE__*/React.createElement(_Input, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = TextArea;
+var Input = InternalInput;
 Input.Group = Group;
+Input.TextArea = TextArea;
 Input.Password = Password;
 export default Input;

package/es/Input/style/index.d.ts

@@ -1,2 +1,3 @@
+import 'antd/lib/input/style';
 import '../../style';
 import './index.less';

package/es/Input/style/index.js

@@ -1,2 +1,3 @@
+import 'antd/lib/input/style';
 import '../../style';
 import './index.less';

package/es/Input/style/index.less

@@ -1,12 +1,14 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix:ant;
+@ald-prefix: ant;
 
-@ald-iconfont-css-prefix:anticon;
+@ald-iconfont-css-prefix: anticon;
 
 .ant-input {
+  height: 28px;
   color: @NL0;
+  font-size: 12px;
   border-radius: @border-radius-base;
 
   &::placeholder {
@@ -15,6 +17,9 @@
 
   &-prefix {
     color: @NL30;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
   }
 
   &-suffix {
@@ -28,9 +33,9 @@
   }
 
   &[disabled] {
-    border-color: @NL90;
-    background-color: @NL95;
     color: @NL80;
+    background-color: @NL95;
+    border-color: @NL90;
 
     &::placeholder {
       color: @NL80;
@@ -38,10 +43,19 @@
   }
 
   &-sm {
+    height: 24px;
+    font-size: 12px;
     border-radius: @border-radius-sm;
   }
 
+  &-lg {
+    height: 32px;
+    font-size: 14px;
+  }
+
   &-affix-wrapper {
+    height: 28px;
+    padding: 0 12px;
     border-radius: @border-radius-base;
 
     &-hover,
@@ -51,17 +65,33 @@
     }
 
     .ant-input {
+      height: 100%;
       border-radius: 0;
       caret-color: @B40;
     }
+  }
+}
 
-    &-sm {
-      border-radius: @border-radius-sm;
+.ant-input-affix-wrapper.ant-input-affix-wrapper {
+  &-lg {
+    height: 32px;
+    padding: 4px 11px;
+    font-size: 14px;
+  }
+
+  &-sm {
+    height: 24px;
+    padding: 0 12px;
+    border-radius: @border-radius-sm;
+
+    .ant-input-sm {
+      height: 22px;
     }
   }
-}
-.@{ald-iconfont-css-prefix} {
-  &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
-    .ald-iconfont('\e616');
+
+  .ant-input-suffix {
+    .anticon-close-circle.ant-input-clear-icon {
+      .ald-iconfont('\e616');
+    }
   }
 }

package/es/Layout/index.d.ts

@@ -0,0 +1,4 @@
+import { Layout, SiderProps } from 'antd';
+export type { LayoutProps } from 'antd/lib/layout';
+export type { SiderProps };
+export default Layout;

package/es/Layout/index.js

@@ -0,0 +1,3 @@
+import "antd/es/layout/style";
+import _Layout from "antd/es/layout";
+export default _Layout;

package/es/Layout/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Layout/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Layout/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/es/Menu/MenuItem.d.ts

@@ -6,7 +6,7 @@ export interface IMenuItemProps {
      * @type string | number
      * @default -
      */
-    key: React.Key;
+    key?: React.Key;
     /**
      * @description 是否禁用
      * @default false
@@ -18,6 +18,12 @@ export interface IMenuItemProps {
      * @default -
      */
     onClick?: MenuClickEventHandler;
+    /**
+     * @description 类名
+     * @type string
+     * @default -
+     */
+    className?: string;
     children?: React.ReactNode;
 }
 export default function Menu(props: IMenuItemProps): JSX.Element;

package/es/Menu/style/index.d.ts

@@ -1,2 +1,3 @@
+import 'antd/lib/menu/style';
 import '../../style';
 import './index.less';

package/es/Menu/style/index.js

@@ -1,2 +1,3 @@
+import 'antd/lib/menu/style';
 import '../../style';
 import './index.less';

package/es/Menu/style/index.less

@@ -2,10 +2,10 @@
 @import '../../Icon/index.less';
 
 .menu-popup {
+  background: @BG100;
   border: 1px solid @NL95;
-  box-shadow: @shadow-actionsheet;
   border-radius: @border-radius-base;
-  background: @BG100;
+  box-shadow: @shadow-actionsheet;
 }
 
 .ald-menu,
@@ -18,16 +18,20 @@
   }
 
   .ald-iconfont {
-    font-family: @icon-font !important;
     font-size: 16px;
+    font-family: @icon-font !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
 
   // 替换二级菜单箭头icon
-  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
-  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+  .ant-dropdown-menu-item
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon,
+  .ant-dropdown-menu-submenu-title
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon {
     .ald-iconfont('\e691');
   }
 

package/es/Message/index.d.ts

@@ -0,0 +1,4 @@
+import { message, MessageArgsProps } from 'antd';
+import { ConfigOptions } from 'antd/lib/message';
+export type { MessageArgsProps, ConfigOptions };
+export default message;

package/es/Message/index.js

@@ -0,0 +1,3 @@
+import "antd/es/message/style";
+import _message from "antd/es/message";
+export default _message;

package/es/Message/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Message/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Message/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/es/Navigator/components/Menu/index.js

@@ -47,14 +47,14 @@ function Menu(props) {
 
     if (isOpen) {
       return /*#__PURE__*/React.createElement(Icon, {
-        type: "arrow_drop_down",
+        type: "arrow_drop_up",
         size: 20,
         className: "ald-nav-menu-icon-right"
       });
     }
 
     return /*#__PURE__*/React.createElement(Icon, {
-      type: "arrow_drop_up",
+      type: "arrow_drop_down",
       size: 20,
       className: "ald-nav-menu-icon-right"
     });

package/es/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { notification } from 'antd';
+export { ArgsProps, ConfigProps, NotificationInstance } from 'antd/lib/notification';
+export default notification;

package/es/Notification/index.js

@@ -0,0 +1,3 @@
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+export default _notification;

package/es/Notification/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Notification/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Notification/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/es/Radio/index.d.ts

@@ -0,0 +1,4 @@
+import { Radio, RadioProps, RadioChangeEvent, RadioGroupProps } from 'antd';
+export { RadioGroupButtonStyle, RadioGroupOptionType, RadioGroupContextProps, RadioChangeEventTarget, } from 'antd/lib/radio';
+export { RadioProps, RadioChangeEvent, RadioGroupProps };
+export default Radio;

package/es/Radio/index.js

@@ -0,0 +1,3 @@
+import "antd/es/radio/style";
+import _Radio from "antd/es/radio";
+export default _Radio;

package/es/Radio/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Radio/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Radio/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/es/Row/index.d.ts

@@ -0,0 +1,3 @@
+import Row, { RowProps } from 'antd';
+export type { RowProps };
+export default Row;

package/es/Row/index.js

@@ -0,0 +1 @@
+export default Row;

package/es/Row/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Row/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Row/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/es/Select/BaseSelect.js

@@ -30,6 +30,7 @@ import useCacheOptions from './hooks/useCacheOption';
 import useControlledState from '../_utils/hooks/useControlledState';
 var DEFAULT_LIST_HEIGHT = 256;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_SELECT_LIST_INDEX = 1050;
 var ZERO = 0;
 export var Select = function Select(props, ref) {
   var _props$size = props.size,
@@ -48,7 +49,6 @@ export var Select = function Select(props, ref) {
       label = props.label,
       className = props.className,
       style = props.style,
-      optionStyle = props.optionStyle,
       groupStyle = props.groupStyle,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
@@ -73,7 +73,9 @@ export var Select = function Select(props, ref) {
       dropDownStyle = props.dropDownStyle,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
       dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? 'width' : _props$dropdownMatchS,
-      children = props.children;
+      children = props.children,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? DEFAULT_SELECT_LIST_INDEX : _props$zIndex;
   var prefix = usePrefixCls('select-legacy', customizePrefixCls);
 
   var _useControlledState = useControlledState(controlledValue, defaultValue),
@@ -114,7 +116,19 @@ export var Select = function Select(props, ref) {
       activeIndex = _useState10[0],
       setActiveIndex = _useState10[1];
 
-  var _useState11 = useState([]),
+  var initOptionChecked = function initOptionChecked() {
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    if (value === null) {
+      return [];
+    }
+
+    return [value];
+  };
+
+  var _useState11 = useState(initOptionChecked()),
       _useState12 = _slicedToArray(_useState11, 2),
       optionChecked = _useState12[0],
       setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
@@ -314,7 +328,6 @@ export var Select = function Select(props, ref) {
     visible: visible,
     hasGroup: hasGroup,
     groupStyle: groupStyle,
-    optionStyle: optionStyle,
     searchType: "no-search",
     placeholder: placeholder,
     data: flattenOptions,
@@ -344,7 +357,7 @@ export var Select = function Select(props, ref) {
     popupStyle: dropDownStyle,
     getPopupContainer: getContainer,
     stretch: dropdownMatchSelectWidth ? 'width' : 'minWidth',
-    zIndex: 100,
+    zIndex: zIndex,
     builtinPlacements: {
       left: {
         points: ['cr', 'cl']

package/es/Select/OptionsList/OptionItem/RenderLabelIcon.d.ts

@@ -1,4 +1,5 @@
-declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
+import 'antd/lib/checkbox/style';
+declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate, }: {
     isSelected: boolean;
     multiple: boolean;
     disabled?: boolean | undefined;

package/es/Select/OptionsList/OptionItem/RenderLabelIcon.js

@@ -2,6 +2,7 @@ import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 import React from 'react';
 import { noop } from 'lodash';
+import 'antd/lib/checkbox/style';
 import Icon from '../../../Icon';
 
 var RenderLabelIcon = function RenderLabelIcon(_ref) {

package/es/Select/OptionsList/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "style", "setActiveIndex"];
+var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "setActiveIndex"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -25,17 +25,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import VirtualList from '../VirtualList';
-import { ForwardRenderGroup, ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
+import { ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
 var ZERO_LENGTH = 0;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_LIST_PADDING = 8;
 
 var OptionsList = function OptionsList(props, ref) {
   var input = props.input,
       prefixCls = props.prefixCls,
       data = props.data,
       groupStyle = props.groupStyle,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? DEFAULT_LIST_HEIGHT : _props$height,
       itemHeight = props.itemHeight,
       selected = props.selected,
       optionChecked = props.optionChecked,
@@ -51,7 +53,6 @@ var OptionsList = function OptionsList(props, ref) {
       activeIndex = props.activeIndex,
       multiple = props.multiple,
       visible = props.visible,
-      style = props.style,
       setActiveIndex = props.setActiveIndex,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -92,7 +93,7 @@ var OptionsList = function OptionsList(props, ref) {
   }, [selected]); // 部分选中
   // 全部列表选项选中
 
-  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length); // ”全部“选项是否选中
+  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length) || (selected === null || selected === void 0 ? void 0 : selected.length) === ZERO_LENGTH; // ”全部“选项是否选中
 
   var allOptionChecked = isAllChecked && Array.isArray(optionChecked) && optionChecked.length === ZERO_LENGTH; // 点击全选
 
@@ -146,7 +147,9 @@ var OptionsList = function OptionsList(props, ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-list"),
-    style: style,
+    style: {
+      maxHeight: "".concat(height - DEFAULT_LIST_PADDING, "px")
+    },
     ref: OptionListRef,
     role: "list",
     "aria-hidden": "true",
@@ -155,20 +158,10 @@ var OptionsList = function OptionsList(props, ref) {
     onMouseLeave: function onMouseLeave() {
       return setActiveIndex(DEFAULT_ACTIVE_INDEX);
     }
-  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? /*#__PURE__*/React.createElement(VirtualList, _objectSpread({
-    itemKey: "value",
-    prefixCls: prefixCls,
-    ref: VirtualListRef,
-    data: data,
-    height: height,
-    itemHeight: itemHeight
-  }, restProps), function (option, index) {
-    return option.isSelectOptGroup ? /*#__PURE__*/React.createElement(ForwardRenderGroup, {
-      option: option,
-      prefixCls: prefixCls,
-      groupStyle: groupStyle
-    }) : /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
+  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? data.map(function (option, index) {
+    return /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
       tooltip: option === null || option === void 0 ? void 0 : option.tooltip,
+      key: option === null || option === void 0 ? void 0 : option.value,
       render: /*#__PURE__*/React.createElement(ForwardRenderOption, _objectSpread({
         option: option,
         prefixCls: prefixCls,

package/es/Select/Selector/index.js

@@ -40,6 +40,8 @@ import color from '../../style/themes/default/themeColor.module.less';
 var ZERO = 0;
 var ICON_LARGE_SIZE = 20;
 var ICON_SMALL_SIZE = 16;
+var FIRST_INDEX = 0;
+var REVERSE_INDEX = -1;
 
 var defaultArrowComponent = function defaultArrowComponent(prefix, size) {
   return /*#__PURE__*/React.createElement(Icon, {
@@ -163,18 +165,20 @@ var Selector = function Selector(props, ref) {
 
   var renderMultipleValue = function renderMultipleValue() {
     // @ts-ignore
-    var allValueLabel = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
+    var allTooltipTitleNode = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
       var item = getOptionByValue(curr);
 
       if (item) {
-        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.label)]);
+        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || optionLabelRenderer(curr, getOptionByValue(curr)) || (item === null || item === void 0 ? void 0 : item.label), ',']);
       }
 
-      return [].concat(_toConsumableArray(prev), [curr]);
+      return [].concat(_toConsumableArray(prev), [curr, ',']);
     }, []);
 
-    if (Array.isArray(value) && value.length === filteredOptions.length) {
-      return /*#__PURE__*/React.createElement("span", null, "\u5168\u90E8");
+    if (Array.isArray(value) && (value.length === filteredOptions.length || isEmpty(value))) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "multipleAll"
+      }, "\u5168\u90E8");
     }
 
     var renderItem = function renderItem(valueItem) {
@@ -188,7 +192,7 @@ var Selector = function Selector(props, ref) {
     return !input && !isNil(value) ? /*#__PURE__*/React.createElement(Tooltip // @ts-ignore
     , {
       // @ts-ignore
-      title: allValueLabel === null || allValueLabel === void 0 ? void 0 : allValueLabel.join(','),
+      title: allTooltipTitleNode.slice(FIRST_INDEX, REVERSE_INDEX),
       placement: "top",
       getTooltipContainer: function getTooltipContainer() {
         var _selectorRef$current4;
@@ -215,8 +219,8 @@ var Selector = function Selector(props, ref) {
     }, /*#__PURE__*/React.createElement("span", {
       ref: selectorAllRef,
       className: classnames("".concat(prefix, "-item-text"))
-    }, text)) // </Text>
-    : null;
+    }, text)) : // </Text>
+    null;
   };
 
   return /*#__PURE__*/React.createElement("div", _objectSpread({
@@ -241,7 +245,7 @@ var Selector = function Selector(props, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames("".concat(prefix, "-values-wrapper")),
     ref: selectValuesRef
-  }, multiple ? renderMultipleValue() : renderSingleValue(), renderPlaceHolder())), /*#__PURE__*/React.createElement("div", {
+  }, multiple ? renderMultipleValue() : renderSingleValue(), !multiple && renderPlaceHolder())), /*#__PURE__*/React.createElement("div", {
     "aria-hidden": "true",
     className: classnames("".concat(prefix, "-arrow"), _defineProperty({}, "".concat(prefix, "-arrow-focused"), visible)),
     onClick: showClose ? onAllClearClick : undefined

package/es/Select/interface.d.ts

@@ -48,7 +48,7 @@ export interface IOptionProps {
     children?: React.ReactNode;
     /**
      * @description 默认根据次属性值进行筛选
-    */
+     */
     value: string | number;
     /**
      * @description 是否禁用
@@ -59,7 +59,7 @@ export interface IOptionProps {
 }
 export interface ISelectProps {
     /**
-      * @description 输入框尺寸
+     * @description 输入框尺寸
      * @default default
      * @type 'small' | 'default' | 'large';
      */
@@ -117,6 +117,9 @@ export interface ISelectProps {
     labelRenderer?: (input: string) => (option: IOption, isGroup: boolean) => React.ReactNode;
     searchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
     matchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
+    /**
+     * @description 渲染选中条目对应的内容
+     */
     optionLabelRenderer?: (value: string | number, option?: IOption) => React.ReactNode;
     /**
      * @description 选中值改变时的回调
@@ -156,6 +159,11 @@ export interface ISelectProps {
      */
     label?: React.ReactNode;
     children?: React.ReactNode[] | React.ReactNode;
+    /**
+     * @description 下拉菜单的 z-index层级 属性
+     * @default 1050
+     */
+    zIndex?: number;
 }
 export interface ISelectorProps {
     input: string;