@pisell/materials 1.0.206 → 1.0.207

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

@@ -18,7 +18,7 @@ export interface Props<T> {
         attributes: DraggableAttributes;
     }) => React.ReactElement<HTMLElement>;
 }
-export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): React.JSX.Element;
+export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): JSX.Element;
 export interface SortableItemProps<T> {
     id: number;
     index: number;

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

@@ -21,5 +21,5 @@ interface DefaultRenderContainerProps {
     }) => React.ReactElement;
     children: any;
 }
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => React.JSX.Element;
+declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
 export default MultipleContainersSortList;

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

@@ -9,6 +9,6 @@ export declare const paginationConfig: {
     responsive: boolean;
     size: string;
 };
-declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
+declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;

package/es/components/Pagination/index.js

@@ -16,7 +16,6 @@ import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
 import { useResponsive } from "../../hooks";
 import "./index.less";
-import { getText } from "../../locales";
 
 /**
  * @title: 自定义渲染
@@ -33,14 +32,14 @@ var itemRender = function itemRender(_, type, originalElement) {
       className: "paginator-page-btn-left-icon"
     }), /*#__PURE__*/React.createElement("span", {
       className: "paginator-page-btn-text"
-    }, getText("table-pagination-previous")));
+    }, "Previous"));
   }
   if (type === "next") {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames("paginator-page-btn", "right")
     }, /*#__PURE__*/React.createElement("span", {
       className: "paginator-page-btn-text"
-    }, getText("table-pagination-next")), /*#__PURE__*/React.createElement(ArrowRight, {
+    }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
       className: "paginator-page-btn-right-icon"
     }));
   }
@@ -131,7 +130,13 @@ var MiniPagination = function MiniPagination(props) {
     className: "materials-grid-paginator-center"
   }, /*#__PURE__*/React.createElement("span", {
     className: "materials-grid-paginator-center-text"
-  }, getText("table-pagination-total")(current, MAX))), /*#__PURE__*/React.createElement("div", {
+  }, "Page"), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-value"
+  }, current), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-text"
+  }, "of"), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-value"
+  }, MAX)), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode-pagination-next",
     onClick: function onClick() {
       if (current >= MAX) {
@@ -152,11 +157,11 @@ export var FormPagination = function FormPagination(_ref) {
     page = _ref.page,
     pageSize = _ref.pageSize,
     other = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(page || 1),
+  var _useState = useState(1),
     _useState2 = _slicedToArray(_useState, 2),
     _p = _useState2[0],
     _setP = _useState2[1];
-  var _useState3 = useState(pageSize || 10),
+  var _useState3 = useState(10),
     _useState4 = _slicedToArray(_useState3, 2),
     _ps = _useState4[0],
     _setPs = _useState4[1];
@@ -167,11 +172,11 @@ export var FormPagination = function FormPagination(_ref) {
     });
   };
   useEffect(function () {
-    var _page = (value === null || value === void 0 ? void 0 : value.page) || page || 1;
-    var _size = (value === null || value === void 0 ? void 0 : value.size) || pageSize || 10;
+    var _page = (value === null || value === void 0 ? void 0 : value.page) || 1;
+    var _size = (value === null || value === void 0 ? void 0 : value.size) || 10;
     _setP(_page);
     _setPs(_size);
-  }, [value, page, pageSize]);
+  }, [value]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, other, {
     pageSize: _ps,
     current: _p,

package/es/components/auto-complete/index.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-declare const AutoComplete: (props: any) => import("react").JSX.Element;
+declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<import("antd").AutoCompleteProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}, "ref"> & import("react").RefAttributes<any>>;
 export default AutoComplete;

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

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Checkbox: (props: any) => import("react").JSX.Element;
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("antd").CheckboxProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<any>>;
 export default Checkbox;

package/es/components/config-provider/index.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {
     [key: string]: any;
 }
-declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
 export default ConfigProvider;

package/es/components/date-picker/index.d.ts

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

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

@@ -4,5 +4,5 @@ export interface DivProps {
     style?: React.CSSProperties;
     others?: any;
 }
-declare const Div: (props: DivProps) => React.JSX.Element;
+declare const Div: (props: DivProps) => JSX.Element;
 export default Div;

package/es/components/div/index.js

@@ -1,17 +1,13 @@
-var _excluded = ["children", "style", "others"];
 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 _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";
 var Div = function Div(props) {
   var children = props.children,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
     _props$others = props.others,
-    others = _props$others === void 0 ? {} : _props$others,
-    otherProps = _objectWithoutProperties(props, _excluded);
+    others = _props$others === void 0 ? {} : _props$others;
   return /*#__PURE__*/React.createElement("div", _extends({
     style: style
-  }, others, otherProps), children);
+  }, others), children);
 };
 export default Div;

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

@@ -1,3 +1,2 @@
-import "./index.less";
 declare const Drawer: any;
 export default Drawer;

package/es/components/drawer/index.js

@@ -1,50 +1,12 @@
-var _excluded = ["others"];
 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 _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, { useMemo } from "react";
-import { Drawer as OriginalDrawer } from "antd";
-import { CloseOutlined } from "@ant-design/icons";
-import "./index.less";
-var prefix = "pisell-lowcode-";
-var Title = function Title(props) {
-  var placement = props.placement,
-    onClose = props.onClose;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "drawer-outside-wrap ").concat(prefix, "drawer-outside-wrap-").concat(placement)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "drawer-outside-action-wrap"),
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
-};
+import React from 'react';
+import { Drawer as OriginalDrawer } from 'antd';
 var Drawer = function Drawer(props) {
-  var others = props.others,
-    resetProps = _objectWithoutProperties(props, _excluded);
-  var operateMode = props.operateMode,
-    headerStyle = props.headerStyle,
-    placement = props.placement,
-    onClose = props.onClose;
   var innerProps = {};
-  if (props.__designMode === "design") {
+  if (props.__designMode === 'design') {
     // 低代码编辑态中强制显示，将控制权交给引擎侧
     innerProps.open = true;
   }
-  var otherProps = useMemo(function () {
-    if (operateMode === "outside") {
-      return {
-        headerStyle: {
-          border: "none",
-          height: 0,
-          padding: 0
-        },
-        title: /*#__PURE__*/React.createElement(Title, {
-          placement: placement,
-          onClose: onClose
-        })
-      };
-    }
-    return headerStyle;
-  }, [operateMode, placement, onClose]);
-  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, resetProps, innerProps, otherProps, others));
+  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, props, innerProps));
 };
 export default Drawer;

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

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

package/es/components/filter/components/QuickFilter/index.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 import { FilterItemProps } from "../Dropdown";
 interface QuickFilterProps {
     quickFilter: FilterItemProps[];
 }
-declare const QuickFilter: (props: QuickFilterProps) => React.JSX.Element;
+declare const QuickFilter: (props: QuickFilterProps) => JSX.Element;
 export default QuickFilter;

package/es/components/filter/components/items/index.d.ts

@@ -7,8 +7,8 @@ export declare const fieldMaps: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => import("react").JSX.Element;
-        Editor: () => import("react").JSX.Element;
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
     };
 };
 export declare const fieldList: {
@@ -24,8 +24,8 @@ export declare const getFieldByType: (type: string) => {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => import("react").JSX.Element;
-    Editor: () => import("react").JSX.Element;
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
 };
 declare const _default: {
     text: {
@@ -35,8 +35,8 @@ declare const _default: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => import("react").JSX.Element;
-        Editor: () => import("react").JSX.Element;
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
     };
 };
 export default _default;

package/es/components/filter/components/items/text/Editor/index.d.ts

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

package/es/components/filter/components/items/text/Preview/index.d.ts

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

package/es/components/filter/components/items/text/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => import("react").JSX.Element;
-    Editor: () => import("react").JSX.Element;
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FilterItemProps } from "./components/Dropdown";
 export interface FilterProps {
     filter: {
@@ -8,5 +8,5 @@ export interface FilterProps {
     isRenderFormContent: boolean;
     onValuesChange: () => void;
 }
-declare const Filter: (props: FilterProps) => React.JSX.Element | null;
+declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

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

@@ -3,6 +3,6 @@ declare class Form extends Component<any, any> {
     formRef: React.RefObject<any>;
     componentDidUpdate(prevProps: any): void;
     componentDidMount(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Form;

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

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 import { ConfigProviderProps } from "../config-provider";
 interface PageProps extends ConfigProviderProps {
 }
-declare const Page: (props: PageProps) => React.JSX.Element;
+declare const Page: (props: PageProps) => JSX.Element;
 export default Page;

package/es/components/page/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "style", "locale"];
+var _excluded = ["children", "style"];
 var _theme$token;
 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 _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; }
@@ -7,17 +7,6 @@ import React from "react";
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
 import { LocalizationProvider, createTheme, ThemeProvider } from "@pisell/date-picker";
-import enUS from 'antd/locale/en_US';
-import zhCN from 'antd/locale/zh_CN';
-import zhTW from 'antd/locale/zh_TW';
-import zhHK from 'antd/locale/zh_HK';
-var localMap = {
-  'zh-TW': zhTW,
-  'zh-CN': zhCN,
-  'zh-HK': zhHK,
-  'en-US': enUS,
-  'en': enUS
-};
 var theme = {
   components: {
     Table: {
@@ -168,10 +157,8 @@ var datePickerTheme = createTheme({
 var Page = function Page(props) {
   var children = props.children,
     style = props.style,
-    locale = props.locale,
     others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
-    locale: localMap[locale],
     prefixCls: props.prefixCls || "pisell-lowcode",
     theme: props.theme || theme
   }), /*#__PURE__*/React.createElement(LocalizationProvider, {

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

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Radio: (props: any) => import("react").JSX.Element;
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<any>>;
 export default Radio;

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

@@ -33,8 +33,6 @@
   }
   &-modal-header {
     padding: 12px 20px;
-    position: relative;
-    z-index: 2;
   }
   &-close-icon {
     font-size: 18px;

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
-import "./index.less";
-declare const Select: (props: any) => import("react").JSX.Element;
+declare const Select: import("react").ForwardRefExoticComponent<Omit<import("antd").SelectProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}, "ref"> & import("react").RefAttributes<any>>;
 export default Select;

package/es/components/select/index.js

@@ -1,62 +1,4 @@
-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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Checkbox, Divider, Select as OriginalSelect } from "antd";
-import { useCallback, useMemo } from "react";
-import { getText } from "../../locales";
+import { Select as OriginalSelect } from 'antd';
 import { withWrap } from "../../utils/hoc";
-import { useControllableValue } from "ahooks";
-import "./index.less";
-var prefix = "pisell-lowcode-";
-var SelectBase = function SelectBase(props) {
-  var isShowDropdown = props.isShowDropdown,
-    selectAll = props.selectAll,
-    mode = props.mode,
-    options = props.options,
-    propsDropdownRender = props.dropdownRender;
-  var _useControllableValue = useControllableValue(props),
-    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
-    state = _useControllableValue2[0],
-    setState = _useControllableValue2[1];
-  var onSelectAllChange = function onSelectAllChange(e) {
-    if (e.target.checked) {
-      setState(options.map(function (item) {
-        return item.value;
-      }), options);
-    } else {
-      setState([], []);
-    }
-  };
-  var isShowSelectAll = useMemo(function () {
-    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) {
-      return item.value;
-    }).sort().join("");
-  }, [state, options]);
-  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, {
-      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]);
-  return /*#__PURE__*/React.createElement(OriginalSelect, _extends({}, props, {
-    value: state,
-    onChange: function onChange(value, option) {
-      return setState(value, option);
-    },
-    dropdownRender: dropdownRender
-  }));
-};
-var Select = withWrap(SelectBase);
+var Select = withWrap(OriginalSelect);
 export default Select;

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/table/Actions/Sort/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare type SortItemProps = {
+    type: "date" | "string" | "number";
+    label: string;
+    name: string;
+};
+declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string) => void;
+};
+declare const Sort: React.FC<SortListProps>;
+export default Sort;

package/es/components/table/Actions/Sort/index.js

@@ -0,0 +1,59 @@
+import React, { useMemo } from "react";
+import { Button, Dropdown } from "antd";
+import SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
+var sortChildrenMap = {
+  date: function date(key) {
+    return [{
+      key: "".concat(key, ":desc"),
+      label: "Oldest to newest"
+    }, {
+      key: "".concat(key, ":asc"),
+      label: "Newest to oldest"
+    }];
+  },
+  string: function string(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "A to Z"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Z to A"
+    }];
+  },
+  number: function number(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "Lowest to highest"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Highest to lowest"
+    }];
+  }
+};
+var Sort = function Sort(_ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    onChange = _ref.onChange;
+  var sortItems = useMemo(function () {
+    return list.map(function (d) {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name)
+      };
+    });
+  }, [list]);
+  var onClick = function onClick(detail) {
+    var _detail$keyPath;
+    onChange === null || onChange === void 0 ? void 0 : onChange(detail === null || detail === void 0 ? void 0 : (_detail$keyPath = detail.keyPath) === null || _detail$keyPath === void 0 ? void 0 : _detail$keyPath[0]);
+  };
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: sortItems,
+      onClick: onClick
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(SwitchVertical01, null)
+  }, "Sort"));
+};
+export default Sort;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const Actions: ({ filter, sort }: any) => React.JSX.Element | null;
+declare const Actions: ({ filter, sort }: any) => JSX.Element | null;
 export default Actions;

package/es/components/table/Actions/index.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import Filter from "../../filter";
-import Sort from "../../sort";
 import { Form } from "antd";
+import Sort from "./Sort";
 import "./index.less";
 var Actions = function Actions(_ref) {
   var filter = _ref.filter,

package/es/components/table/BasicTable/index.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from "antd";
-import React from "react";
-declare const BasicTable: (props: TableProps<any>) => React.JSX.Element;
+declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/es/components/table/Header/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const Header: ({ buttons, title }: any) => React.JSX.Element | null;
+declare const Header: ({ buttons, title }: any) => JSX.Element | null;
 export default Header;

package/es/components/table/Summary/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const Summary: ({ summary }: any) => React.JSX.Element | null;
+declare const Summary: ({ summary }: any) => JSX.Element | null;
 export default Summary;

package/es/components/table/Table/SelectField/index.d.ts

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

package/es/components/table/Table/fields/date/Config/index.d.ts

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

package/es/components/table/Table/fields/date/Show/index.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-import React from "react";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;