@pisell/materials 2.2.48 → 2.2.49

package/es/components/record-view/index.js

@@ -1,23 +1,24 @@
-var _excluded = ["detail", "leftSpan", "rightSpan", "gutter", "style", "pagination", "header", "footer", "renderItem", "onRowClick", "paginationType", "listGap", "loadMoreData", "listHeight", "pcDetailModalDisplay", "padDetailModalDisplay", "mobilePadDetailModalDisplay", "children", "locale", "emptyButtons"];
+var _excluded = ["detail", "leftSpan", "rightSpan", "gutter", "style", "pagination", "header", "footer", "renderItem", "onRowClick", "paginationType", "listGap", "loadMoreData", "listHeight", "pcDetailModalDisplay", "padDetailModalDisplay", "mobilePadDetailModalDisplay", "children", "locale", "emptyButtons", "doubleList", "dataSource", "split", "isShowClode", "doubleListSource", "modalWrapStyle"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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, { useCallback, useMemo, useState } from "react";
-import { Button, Col, Empty, List, Row, Skeleton, Space } from "antd";
-import { getUniqueId } from "@pisell/utils";
+import React, { useCallback, useMemo, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
+import { Col, List, Row, Skeleton, Badge } from 'antd';
+import { getUniqueId } from '@pisell/utils';
 import Pagination from "../Pagination";
-import { CloseOutlined } from "@ant-design/icons";
-import InfiniteScroll from "react-infinite-scroll-component";
+import { CloseOutlined } from '@ant-design/icons';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import PisellEmpty from "./../pisellEmpty";
 import { useResponsive } from "../../hooks";
 import "./index.less";
-var prefix = "pisell-lowcode-";
-var RecordView = function RecordView(props) {
+var prefix = 'pisell-lowcode-';
+var RecordView = function RecordView(props, ref) {
   var detail = props.detail,
     leftSpan = props.leftSpan,
     rightSpan = props.rightSpan,
@@ -39,26 +40,47 @@ var RecordView = function RecordView(props) {
     locale = props.locale,
     _props$emptyButtons = props.emptyButtons,
     emptyButtons = _props$emptyButtons === void 0 ? [] : _props$emptyButtons,
+    _props$doubleList = props.doubleList,
+    doubleList = _props$doubleList === void 0 ? false : _props$doubleList,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    split = props.split,
+    _props$isShowClode = props.isShowClode,
+    isShowClode = _props$isShowClode === void 0 ? true : _props$isShowClode,
+    _props$doubleListSour = props.doubleListSource,
+    doubleListSource = _props$doubleListSour === void 0 ? [] : _props$doubleListSour,
+    _props$modalWrapStyle = props.modalWrapStyle,
+    modalWrapStyle = _props$modalWrapStyle === void 0 ? {} : _props$modalWrapStyle,
     others = _objectWithoutProperties(props, _excluded);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
   var responsive = useResponsive();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     detailModalShow = _useState2[0],
     setDetailModalShow = _useState2[1];
+  useImperativeHandle(ref, function () {
+    return {
+      closeDetailModal: function closeDetailModal() {
+        setDetailModalShow(false);
+      }
+    };
+  });
   var detailModalDisplay = useMemo(function () {
-    if (responsive === "pc") {
+    if (responsive === 'pc') {
       return pcDetailModalDisplay;
-    } else if (responsive === "ipad") {
+    } else if (responsive === 'ipad') {
       return padDetailModalDisplay;
-    } else if (responsive === "phone") {
+    } else if (responsive === 'phone') {
       return mobilePadDetailModalDisplay;
     }
   }, [responsive, pcDetailModalDisplay, padDetailModalDisplay, mobilePadDetailModalDisplay]);
   var _footer = useMemo(function () {
-    if (!(pagination && paginationType === "default") && !footer) {
+    if (!(pagination && paginationType === 'default') && !footer) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, pagination && paginationType === "default" && /*#__PURE__*/React.createElement(Pagination, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, pagination && paginationType === 'default' && /*#__PURE__*/React.createElement(Pagination, _extends({
       showLessItems: true
     }, pagination)), footer);
   }, [pagination, footer]);
@@ -80,31 +102,30 @@ var RecordView = function RecordView(props) {
     return leftSpan;
   }, [leftSpan, detailModalDisplay]);
   var emptyDom = useMemo(function () {
-    if (props.dataSource.length > 0) {
+    if (dataSource.length > 0) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Empty, {
-      description: locale === null || locale === void 0 ? void 0 : locale.emptyText,
-      image: Empty.PRESENTED_IMAGE_SIMPLE
-    }), !!emptyButtons.length && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "empty-button")
-    }, /*#__PURE__*/React.createElement(Space, null, emptyButtons.map(function (item) {
-      return /*#__PURE__*/React.createElement(Button, item);
-    }))));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellEmpty, {
+      description: locale === null || locale === void 0 ? void 0 : locale.emptyText
+      // image={Empty.PRESENTED_IMAGE_SIMPLE}
+    }));
   }, [props.dataSource, locale, emptyButtons]);
   var scrollListId = useMemo(function () {
     return "scrollableDiv-".concat(getUniqueId());
   }, []);
   var list = useMemo(function () {
-    if (paginationType === "scroll") {
-      return /*#__PURE__*/React.createElement("div", null, header && /*#__PURE__*/React.createElement("div", {
+    if (paginationType === 'scroll') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "scroll-left-wrap")
+      }, header && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-header-wrap")
       }, header), /*#__PURE__*/React.createElement("div", {
         id: scrollListId,
         style: {
           height: listHeight || 400,
-          overflow: "auto"
-        }
+          overflow: 'auto'
+        },
+        className: "".concat(prefix, "scroll-content-wrap")
       }, /*#__PURE__*/React.createElement(InfiniteScroll, {
         dataLength: props.dataSource.length,
         next: loadMoreData,
@@ -119,12 +140,40 @@ var RecordView = function RecordView(props) {
         }),
         scrollableTarget: scrollListId
       }, /*#__PURE__*/React.createElement(List, _extends({}, others, {
+        dataSource: dataSource,
         renderItem: _renderItem
       }), emptyDom))), _footer && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-footer-wrap")
       }, _footer));
     }
+    if (doubleList && doubleListSource.length > 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "record-view-double-list")
+      }, doubleListSource.map(function (item) {
+        var _item$dataSource = item.dataSource,
+          dataSource = _item$dataSource === void 0 ? [] : _item$dataSource,
+          title = item.title;
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "record-view-double-list-item")
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "record-view-double-list-item-title")
+        }, title, !!dataSource.length && /*#__PURE__*/React.createElement(Badge, {
+          color: "var(--gray-50, #F9FAFB)",
+          style: {
+            marginLeft: 12,
+            border: '1px solid var(--gray-200, #EAECF0)',
+            color: 'var(--gray-700, #344054)'
+          },
+          count: dataSource.length
+        })), /*#__PURE__*/React.createElement(List, _extends({}, others, {
+          dataSource: dataSource,
+          renderItem: _renderItem,
+          footer: _footer
+        }), emptyDom));
+      }));
+    }
     return /*#__PURE__*/React.createElement(List, _extends({}, others, {
+      dataSource: dataSource,
       renderItem: _renderItem,
       header: header,
       footer: _footer
@@ -135,12 +184,14 @@ var RecordView = function RecordView(props) {
     style: style,
     className: "".concat(prefix, "record-view")
   }, /*#__PURE__*/React.createElement(Col, {
-    span: _leftSpan
+    span: _leftSpan,
+    className: "".concat(prefix, "record-view-left")
   }, list), !detailModalDisplay && /*#__PURE__*/React.createElement(Col, {
     span: rightSpan
   }, detail), detailModalShow && detailModalDisplay && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "detail-modal-wrap")
-  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "detail-modal-wrap"),
+    style: modalWrapStyle
+  }, isShowClode && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "modal-header")
   }, /*#__PURE__*/React.createElement(CloseOutlined, {
     className: "".concat(prefix, "close-icon"),
@@ -149,4 +200,4 @@ var RecordView = function RecordView(props) {
     }
   })), detail));
 };
-export default RecordView;
+export default /*#__PURE__*/forwardRef(RecordView);

package/es/components/record-view/index.less

@@ -1,7 +1,5 @@
 @pisell-prefix: pisell-lowcode;
 
-
-
 .@{pisell-prefix} {
   &-record-view {
     .pisell-lowcode-pagination {
@@ -12,6 +10,25 @@
       border: none;
     }
   }
+
+  &-list-title {
+    color: #000;
+
+    /* Text md/Semibold */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    margin: 0;
+  }
+  &-list-tag {
+    border-radius: 16px;
+    border: 1px solid var(--Gray-200, #eaecf0);
+    background: var(--Gray-50, #f9fafb);
+    mix-blend-mode: multiply;
+  }
+
   &-empty-button {
     display: flex;
     justify-content: center;
@@ -45,4 +62,22 @@
   &-scroll-skeleton {
     padding: 12px 24px;
   }
+
+  &-record-view-double-list {
+  }
+  &-record-view-double-list-item {
+  }
+  &-record-view-double-list-item-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+    color: #000;
+
+    /* Text md/Semibold */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+  }
 }

package/es/components/section-footers/index.d.ts

@@ -5,5 +5,5 @@ interface SectionFooterProps {
     right?: React.ReactNode;
     className?: string;
 }
-declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
+declare const SectionFooters: (props: SectionFooterProps) => JSX.Element;
 export default SectionFooters;

package/es/components/segmented/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
+/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
-declare const Segmented: (props: SegmentedProps) => React.JSX.Element;
+declare const Segmented: (props: SegmentedProps) => JSX.Element;
 export default Segmented;

package/es/components/select/index.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
-import "./index.less";
-declare const Select: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+import React from 'react';
+import { Select as OriginalSelect } from 'antd';
+import type { SelectProps } from 'antd';
+import './index.less';
+interface CompoundedComponent extends React.ForwardRefExoticComponent<SelectProps> {
+    Option: typeof OriginalSelect.Option;
+}
+declare const Select: CompoundedComponent;
 export default Select;

package/es/components/select/index.js

@@ -3,60 +3,126 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Checkbox, Divider, Select as OriginalSelect } from "antd";
-import { useCallback, useMemo, forwardRef } from "react";
+import React, { useCallback, useMemo, useRef, forwardRef, useState } from 'react';
+import { Checkbox, Divider, Select as OriginalSelect, Input } from 'antd';
+import { useControllableValue, useMemoizedFn } from 'ahooks';
+import classNames from 'classnames';
+import Iconfont from "../iconfont";
 import { getText } from "../../locales";
-import { useControllableValue, useMemoizedFn } from "ahooks";
+import { withWrap } from "../../utils/hoc";
+import BrowserSelect from "../browserSelect";
+import usePisellConfig from "../pisell-config-provider/hooks/usePisellConfig";
 import "./index.less";
-var prefix = "pisell-lowcode-";
+var prefix = 'pisell-lowcode-';
 var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
   var isShowDropdown = props.isShowDropdown,
     selectAll = props.selectAll,
     mode = props.mode,
     options = props.options,
-    propsDropdownRender = props.dropdownRender;
+    propsDropdownRender = props.dropdownRender,
+    showSearch = props.showSearch,
+    styleType = props.styleType,
+    _props$optionFilterPr = props.optionFilterProp,
+    optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
+    popupClassName = props.popupClassName,
+    onDropdownVisibleChange = props.onDropdownVisibleChange;
+  var _usePisellConfig = usePisellConfig(),
+    platform = _usePisellConfig.platform;
+  var searchInputRef = useRef(null);
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
     state = _useControllableValue2[0],
     setState = _useControllableValue2[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var filteredOptions = useMemo(function () {
+    if (!searchValue) return options;
+    return (options || []).filter(function (option) {
+      var _option$optionFilterP;
+      var optionValue = ((_option$optionFilterP = option[optionFilterProp]) === null || _option$optionFilterP === void 0 ? void 0 : _option$optionFilterP.toString().toLowerCase()) || '';
+      return optionValue.includes(searchValue.toLowerCase());
+    });
+  }, [options, searchValue, optionFilterProp]);
   var onSelectAllChange = useMemoizedFn(function (e) {
     if (e.target.checked) {
-      setState(options.map(function (item) {
+      setState(filteredOptions.map(function (item) {
         return item.value;
-      }), options);
+      }), filteredOptions);
     } else {
       setState([], []);
     }
   });
+  var handleDropdownVisibleChange = useMemoizedFn(function (visible) {
+    if (!visible) {
+      setSearchValue('');
+    } else {
+      if (platform === 'pc') {
+        setTimeout(function () {
+          var _searchInputRef$curre;
+          (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
+        }, 200);
+      }
+    }
+    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(visible);
+  });
   var isShowSelectAll = useMemo(function () {
-    return mode === "multiple" && isShowDropdown && selectAll;
+    return mode === 'multiple' && isShowDropdown && selectAll;
   }, [mode, selectAll, isShowDropdown]);
   var checkboxChecked = useMemo(function () {
-    if (mode !== "multiple") return false;
-    return (state === null || state === void 0 ? void 0 : state.length) === (options === null || options === void 0 ? void 0 : options.length) && state.sort().join("") === options.map(function (item) {
+    var _state$sort, _filteredOptions$map;
+    if (mode !== 'multiple') return false;
+    return (state === null || state === void 0 ? void 0 : state.length) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && (state === null || state === void 0 || (_state$sort = state.sort()) === null || _state$sort === void 0 ? void 0 : _state$sort.join('')) === (filteredOptions === null || filteredOptions === void 0 || (_filteredOptions$map = filteredOptions.map(function (item) {
       return item.value;
-    }).sort().join("");
-  }, [state, options]);
+    })) === null || _filteredOptions$map === void 0 || (_filteredOptions$map = _filteredOptions$map.sort()) === null || _filteredOptions$map === void 0 ? void 0 : _filteredOptions$map.join(''));
+  }, [state, filteredOptions]);
   var dropdownRender = useCallback(propsDropdownRender ? propsDropdownRender : function (originNode) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, originNode, isShowDropdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showSearch && /*#__PURE__*/React.createElement(Input, {
+      ref: searchInputRef,
+      className: "pisell-select-search-input",
+      size: "middle",
+      placeholder: getText('select-dropdown-render-search'),
+      value: searchValue,
+      onChange: function onChange(e) {
+        return setSearchValue(e.target.value);
+      },
+      bordered: false,
+      allowClear: true,
+      prefix: /*#__PURE__*/React.createElement(Iconfont, {
+        style: {
+          color: '#98A2B3'
+        },
+        type: "pisell2-search-lg"
+      })
+    }), originNode, isShowDropdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
       className: "".concat(prefix, "select-dropdown-render-divider")
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefix, "select-dropdown-render-options-wrap")
     }, isShowSelectAll && /*#__PURE__*/React.createElement(Checkbox, {
       onChange: onSelectAllChange,
       checked: checkboxChecked
-    }, getText("select-dropdown-render-select-all")))));
-  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender]);
+    }, getText('select-dropdown-render-select-all')))));
+  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender, searchValue, showSearch]);
+  if (styleType === 'system') {
+    return /*#__PURE__*/React.createElement(BrowserSelect, props);
+  }
   return /*#__PURE__*/React.createElement(OriginalSelect, _extends({}, props, {
+    defaultActiveFirstOption: false,
+    onDropdownVisibleChange: handleDropdownVisibleChange,
+    showSearch: false,
     ref: ref,
     value: state,
     onChange: function onChange(value, option) {
       return setState(value, option);
     },
-    dropdownRender: dropdownRender
+    dropdownRender: dropdownRender,
+    options: filteredOptions,
+    popupClassName: classNames('pisell-base-select-dropdown', popupClassName)
   }));
 });
-var Select = SelectBase;
+var Select = withWrap(SelectBase);
+Select.Option = OriginalSelect.Option;
 export default Select;

package/es/components/select/index.less

@@ -9,3 +9,22 @@
     padding: 0 5px 5px;
   }
 }
+
+// 添加选项间距
+.pisell-base-select-dropdown {
+  .pisell-lowcode-select-item {
+    margin-bottom: 4px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.pisell-select-search-input {
+  width: 100%;
+  margin-bottom: 4px;
+
+  box-shadow: none !important;
+  border-color: transparent !important;
+}

package/es/components/select-time/RightPanel/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;
     onChange: (value: string) => void;
     slice: number;
 }
-declare const RightPanel: (props: RightPanelProps) => React.JSX.Element;
+declare const RightPanel: (props: RightPanelProps) => JSX.Element;
 export default RightPanel;

package/es/components/select-time/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";
@@ -10,5 +10,5 @@ interface SelectTimeProps {
     timeProps: VirtualKeyboardTimeProps;
     slice: number;
 }
-declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
+declare const SelectTime: (props: SelectTimeProps) => JSX.Element;
 export default SelectTime;

package/es/components/skeleton/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Skeleton: (props: any) => import("react").JSX.Element;
+declare const Skeleton: (props: any) => JSX.Element;
 export default Skeleton;

package/es/components/slider/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const SliderOuter: (props: any) => React.JSX.Element;
+/// <reference types="react" />
+declare const SliderOuter: (props: any) => JSX.Element;
 export default SliderOuter;

package/es/components/sort/components/InlineMenu/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {
@@ -11,5 +11,5 @@ interface InlineMenuProps {
  * @param props
  * @constructor
  */
-declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+declare const InlineMenu: (props: InlineMenuProps) => JSX.Element;
 export default InlineMenu;

package/es/components/sort/index.js

@@ -1,7 +1,7 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useMemo } from 'react';
 import { Button, Dropdown, Popover } from 'antd';
 import classNames from 'classnames';
@@ -87,7 +87,7 @@ var Sort = function Sort(_ref2) {
         key: d.name,
         label: d.label,
         children: sortChildrenMap[d.type](d.name, !!(d !== null && d !== void 0 && d.localFilter)),
-        popupClassName: "".concat(prefix, "sort-sub-menu-popup-wrap"),
+        popupClassName: "".concat(prefix, "sort-sub-menu-popup-wrap ").concat(prefix, "dropdown-css-var"),
         // 增加显示隐藏配置
         className: "".concat(d.isHidden ? "".concat(prefix, "sort-menu-wrap-hide") : '')
       };
@@ -96,10 +96,10 @@ var Sort = function Sort(_ref2) {
   var onClick = function onClick(detail) {
     var _detail$keyPath, _detail$keyPath2;
     if (((_detail$keyPath = detail.keyPath) === null || _detail$keyPath === void 0 ? void 0 : _detail$keyPath[0]) === value) {
-      onChange === null || onChange === void 0 ? void 0 : onChange('', detail);
+      onChange === null || onChange === void 0 || onChange('', detail);
       return;
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange(detail === null || detail === void 0 ? void 0 : (_detail$keyPath2 = detail.keyPath) === null || _detail$keyPath2 === void 0 ? void 0 : _detail$keyPath2[0], detail);
+    onChange === null || onChange === void 0 || onChange(detail === null || detail === void 0 || (_detail$keyPath2 = detail.keyPath) === null || _detail$keyPath2 === void 0 ? void 0 : _detail$keyPath2[0], detail);
   };
   var isMobileBool = isMobile();
   var btnContent = useMemo(function () {

package/es/components/table/Actions/component/ColumnsSetting/PopoverContent.d.ts

@@ -6,5 +6,5 @@ declare type PopoverContentProps = {
     isShowTitle?: boolean;
     headerContent?: React.ReactNode;
 };
-declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+declare const PopoverContent: (props: PopoverContentProps) => JSX.Element;
 export default PopoverContent;

package/es/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;
 };
-declare const ColumnsSetting: (props: ColumnsSettingProps) => React.JSX.Element;
+declare const ColumnsSetting: (props: ColumnsSettingProps) => JSX.Element;
 export default ColumnsSetting;

package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ExportFile;

package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {
     onChange: any;
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ExportTable;

package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ImportLog;

package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {
@@ -6,5 +6,5 @@ declare type ImportTableProps = {
     exportImport: ExportImportType;
     errorStatus: string | null;
 };
-declare const ImportTable: (props: ImportTableProps) => React.JSX.Element;
+declare const ImportTable: (props: ImportTableProps) => JSX.Element;
 export default ImportTable;

package/es/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {
     exportImport: ExportImportType;
 };
-declare const ExportImport: ({ exportImport }: ExportImportProps) => React.JSX.Element;
+declare const ExportImport: ({ exportImport }: ExportImportProps) => JSX.Element;
 export default ExportImport;