@pisell/materials 1.0.215 → 1.0.217

package/es/components/page/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "style"];
+var _excluded = ["children", "style", "locale"];
 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,6 +7,17 @@ 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: {
@@ -154,15 +165,36 @@ var datePickerTheme = createTheme({
     }
   }
 });
+var localeDateMap = {
+  "en-US": {
+    adapterLocale: "en"
+  },
+  "en": {
+    adapterLocale: "en"
+  },
+  "zh-TW": {
+    adapterLocale: "zh-tw"
+  },
+  "zh-HK": {
+    adapterLocale: "zh-tw"
+  },
+  "zh-CN": {
+    adapterLocale: "zh-cn"
+  }
+};
 var Page = function Page(props) {
+  var _localeDateMap;
   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, {
-    dateAdapter: AdapterDayjs
+    dateAdapter: AdapterDayjs,
+    adapterLocale: (localeDateMap === null || localeDateMap === void 0 ? void 0 : (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || 'en'
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: datePickerTheme
   }, /*#__PURE__*/React.createElement("div", {

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

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

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

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

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

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

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

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-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>>;
+import "./index.less";
+declare const Select: (props: any) => import("react").JSX.Element;
 export default Select;

package/es/components/select/index.js

@@ -1,4 +1,62 @@
-import { Select as OriginalSelect } from 'antd';
+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 { withWrap } from "../../utils/hoc";
-var Select = withWrap(OriginalSelect);
+import { useControllableValue, useMemoizedFn } 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 = useMemoizedFn(function (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);
 export default Select;

package/es/components/select/index.less

@@ -0,0 +1,11 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-select-dropdown-render-divider {
+    margin: 8px 0;
+  }
+  &-select-dropdown-render-options-wrap {
+    padding: 0 5px 5px;
+  }
+}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { MenuProps } from "antd";
+import "./index.less";
+interface InlineMenuProps {
+    items: any[];
+    value?: [string, string];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+}
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+export default InlineMenu;

package/es/components/sort/components/InlineMenu/index.js

@@ -0,0 +1,85 @@
+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 React, { useMemo } from "react";
+import { Menu, Divider } from "antd";
+import { CheckOutlined } from "@ant-design/icons";
+import { useControllableValue } from "ahooks";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+var InlineMenu = function InlineMenu(props) {
+  var items = props.items;
+  var _useControllableValue = useControllableValue(props),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    state = _useControllableValue2[0],
+    setState = _useControllableValue2[1];
+  var value = useMemo(function () {
+    return (state || "").split(':');
+  }, [state]);
+  var childItems = useMemo(function () {
+    var _items$find;
+    return ((_items$find = items.find(function (item) {
+      var _item$key;
+      return ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()) === (value === null || value === void 0 ? void 0 : value[0]);
+    })) === null || _items$find === void 0 ? void 0 : _items$find.children) || items[0].children;
+  }, [value, items]);
+  var handleParentClick = function handleParentClick(detail) {
+    var _detail$key2;
+    var children = items.find(function (item) {
+      var _item$key2, _detail$key;
+      return ((_item$key2 = item.key) === null || _item$key2 === void 0 ? void 0 : _item$key2.toString()) === ((_detail$key = detail.key) === null || _detail$key === void 0 ? void 0 : _detail$key.toString());
+    });
+    var defaultKey = children.children[0].key;
+    setState(((_detail$key2 = detail.key) === null || _detail$key2 === void 0 ? void 0 : _detail$key2.toString()) === value[0] ? "" : defaultKey, {
+      key: defaultKey,
+      item: children.children[0],
+      keyPath: [defaultKey, detail.key]
+    });
+  };
+  var handleChildrenClick = function handleChildrenClick(detail) {
+    var _detail$key3;
+    var parent = items.find(function (item) {
+      return item.children.some(function (c) {
+        return c.key === detail.key;
+      });
+    });
+    setState((_detail$key3 = detail.key) === null || _detail$key3 === void 0 ? void 0 : _detail$key3.toString(), {
+      key: detail.key,
+      item: detail.item,
+      keyPath: [detail.key, parent.key]
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "inline-menu-wrap")
+  }, /*#__PURE__*/React.createElement(Menu, {
+    items: items.map(function (item) {
+      return {
+        key: item.key,
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label-wrap")
+        }, /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label")
+        }, item.label), item.key === (value === null || value === void 0 ? void 0 : value[0]) && /*#__PURE__*/React.createElement(CheckOutlined, null))
+      };
+    }),
+    onClick: handleParentClick,
+    selectedKeys: [value === null || value === void 0 ? void 0 : value[0]]
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: "6px 0"
+    }
+  }), /*#__PURE__*/React.createElement(Menu, {
+    items: childItems,
+    onClick: handleChildrenClick,
+    selectedKeys: [state]
+  }));
+};
+export default InlineMenu;

package/es/components/sort/components/InlineMenu/index.less

@@ -0,0 +1,21 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-inline-menu-wrap {
+    min-width: 200px;
+  }
+  &-menu-item-label-wrap {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  &-menu-item-label {
+    margin-right: 16px;
+  }
+  &-menu-title-content {
+    width: 100%;
+    display: inline-block;
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { SortListProps } from "./types";
+import "./index.less";
+declare const Sort: React.FC<SortListProps>;
+export default Sort;

package/es/components/sort/index.js

@@ -0,0 +1,137 @@
+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 _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); }
+import React, { useMemo } from "react";
+import { Button, Dropdown, Popover } from "antd";
+import classNames from "classnames";
+import { CheckOutlined } from "@ant-design/icons";
+import SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
+import { isMobile } from "../../utils/platform";
+import { getText } from "../../locales";
+import InlineMenu from "./components/InlineMenu";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var Label = function Label(_ref) {
+  var content = _ref.content;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "sort-menu-item-label")
+  }, /*#__PURE__*/React.createElement("span", null, content), /*#__PURE__*/React.createElement(CheckOutlined, null));
+};
+var sortChildrenMap = {
+  date: function date(key, isLocal) {
+    return [{
+      key: "".concat(key, ":desc").concat(isLocal ? ":date" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-oldest-to-newest")
+      })
+    }, {
+      key: "".concat(key, ":asc").concat(isLocal ? ":date" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-newest-to-oldest")
+      })
+    }];
+  },
+  time: function time(key, isLocal) {
+    return [{
+      key: "".concat(key, ":desc").concat(isLocal ? ":time" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-from-morning-to-night")
+      })
+    }, {
+      key: "".concat(key, ":asc").concat(isLocal ? ":time" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-from-evening-to-morning")
+      })
+    }];
+  },
+  string: function string(key, isLocal) {
+    return [{
+      key: "".concat(key, ":asc").concat(isLocal ? ":string" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-a-z")
+      })
+    }, {
+      key: "".concat(key, ":desc").concat(isLocal ? ":string" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-z-a")
+      })
+    }];
+  },
+  number: function number(key, isLocal) {
+    return [{
+      key: "".concat(key, ":asc").concat(isLocal ? ":number" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-0-9")
+      })
+    }, {
+      key: "".concat(key, ":desc").concat(isLocal ? ":number" : ""),
+      label: /*#__PURE__*/React.createElement(Label, {
+        content: getText("sort-9-0")
+      })
+    }];
+  }
+};
+var Sort = function Sort(_ref2) {
+  var _ref2$list = _ref2.list,
+    list = _ref2$list === void 0 ? [] : _ref2$list,
+    onChange = _ref2.onChange,
+    button = _ref2.button,
+    style = _ref2.style,
+    value = _ref2.value,
+    placement = _ref2.placement,
+    localPagination = _ref2.localPagination;
+  var sortItems = useMemo(function () {
+    return list.map(function (d) {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name, !!localPagination),
+        popupClassName: "".concat(prefix, "sort-sub-menu-popup-wrap")
+      };
+    });
+  }, [list, localPagination]);
+  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);
+      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);
+  };
+  var btnContent = useMemo(function () {
+    return button || /*#__PURE__*/React.createElement(Button, {
+      icon: /*#__PURE__*/React.createElement(SwitchVertical01, null),
+      style: style,
+      className: classNames(_defineProperty({}, "".concat(prefix, "sort-button-active"), !!value)),
+      size: "large"
+    }, getText("sort-button-text"));
+  }, [button, style, value]);
+  var content = useMemo(function () {
+    return /*#__PURE__*/React.createElement(InlineMenu, {
+      items: sortItems,
+      value: value || "",
+      onChange: onChange
+    });
+  }, [value, sortItems, onChange]);
+  if (isMobile()) {
+    return /*#__PURE__*/React.createElement(Popover, {
+      placement: placement,
+      content: content,
+      arrow: false,
+      overlayClassName: "".concat(prefix, "mobile-sort-overlay"),
+      trigger: ["click"]
+    }, btnContent);
+  }
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: ["click"],
+    placement: placement,
+    menu: {
+      items: sortItems,
+      onClick: onClick,
+      selectable: true,
+      selectedKeys: value
+    }
+  }, btnContent);
+};
+export default Sort;

package/es/components/sort/index.less

@@ -0,0 +1,29 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-mobile-sort-overlay {
+    .pisell-lowcode-popover-inner {
+      padding: 0;
+      overflow: hidden;
+    }
+  }
+  &-sort-button-active {
+    background-color: var(--Primary-100, #F4EBFF);
+  }
+  &-sort-menu-item-label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+  }
+  &-sort-sub-menu-popup-wrap {
+    .anticon-check {
+      visibility: hidden;
+    }
+    .pisell-lowcode-dropdown-menu-item-selected {
+      .anticon-check {
+        visibility: visible;
+      }
+    }
+  }
+}

package/es/components/sort/types.d.ts

@@ -0,0 +1,18 @@
+import { MenuProps } from "antd";
+import React from "react";
+export declare type SortItemProps = {
+    type: "date" | "string" | "number";
+    label?: string;
+    name?: string | string[];
+    isCustom: boolean;
+    columnKey?: string;
+};
+export declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+    button?: React.ReactNode;
+    style?: React.CSSProperties;
+    value?: any;
+    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+    localPagination?: boolean;
+};

package/es/components/sort/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+declare type ButtonIconProps = {
+    children: React.ReactNode;
+    isActive: boolean;
+};
+declare const ButtonIcon: React.FC<ButtonIconProps>;
+export default ButtonIcon;

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

@@ -0,0 +1,33 @@
+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); }
+var _excluded = ["children", "isActive"];
+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 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) { 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 _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, { Children, isValidElement, cloneElement } from "react";
+import classNames from "classnames";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var ButtonIcon = function ButtonIcon(props) {
+  var children = props.children,
+    isActive = props.isActive,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, others, {
+    className: classNames("".concat(prefix, "action-btn-icon"), _defineProperty({}, "".concat(prefix, "action-btn-icon-active"), isActive))
+  }), Children.map(children, function (child) {
+    if ( /*#__PURE__*/isValidElement(child)) {
+      var _child$props;
+      return /*#__PURE__*/cloneElement(child, {
+        style: _objectSpread(_objectSpread({}, ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {}), {}, {
+          color: isActive ? "#53389E" : "inherit"
+        })
+      });
+    }
+    return child;
+  }));
+};
+export default ButtonIcon;

package/es/components/table/Actions/component/ButtonIcon/index.less

@@ -0,0 +1,19 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-action-btn-icon {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    cursor: pointer;
+    &:hover {
+      background: var(--Primary-100, #F4EBFF);
+    }
+  }
+  &-action-btn-icon-active {
+    background: var(--Primary-100, #F4EBFF);
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./PopoverContent.less";
+declare type PopoverContentProps = {
+    value?: Record<string, any>[];
+    onChange?: (columns: Record<string, any>[]) => void;
+    isShowTitle?: boolean;
+    headerContent?: React.ReactNode;
+};
+declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+export default PopoverContent;