@pisell/materials 1.0.80 → 1.0.82

package/es/components/table/TableFilter/SortIcon.js

@@ -0,0 +1,31 @@
+import React, { useMemo } from "react";
+import ArrowUp from "@pisell/icon/es/ArrowUp";
+import ChevronSelectorVertical from "@pisell/icon/es/ChevronSelectorVertical";
+import classNames from "classnames";
+var SortIcon = function SortIcon(props) {
+  var sortOrder = props.sortOrder;
+  var content = useMemo(function () {
+    if (sortOrder === "ascend") {
+      return /*#__PURE__*/React.createElement(ArrowUp, {
+        className: "pisell-table-column-up"
+      });
+    }
+    if (sortOrder === "descend") {
+      return /*#__PURE__*/React.createElement(ArrowUp, {
+        className: "pisell-table-column-down"
+      });
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChevronSelectorVertical, {
+      style: {
+        fontSize: 18,
+        color: "#98A2B3"
+      }
+    }));
+  }, [sortOrder]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: classNames("pisell-table-sorter-inner", {
+      active: !!sortOrder
+    })
+  }, content);
+};
+export default SortIcon;

package/es/components/table/TableFilter/index.less

@@ -0,0 +1,14 @@
+.pisell-table-filter-dropdown {
+ .pisell-table-filter-dropdown-top {
+   padding: 16px;
+   border-bottom: 1px solid var(--gray-200, #EAECF0);
+ }
+  .pisell-table-filter-dropdown-bottom {
+    padding: 16px;
+    display: flex;
+    width: 272px;
+  }
+  .pisell-table-filter-dropdown-item {
+    padding: 10px;
+  }
+}

package/es/components/table/TableFilter/numberFilter.d.ts

@@ -0,0 +1,6 @@
+import { ColumnType } from "antd/es/table";
+import "./index.less";
+declare const getColumnNumberProps: ({ dataIndex, }: {
+    dataIndex: string;
+}) => ColumnType<any>;
+export default getColumnNumberProps;

package/es/components/table/TableFilter/numberFilter.js

@@ -0,0 +1,97 @@
+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 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); }
+import React from "react";
+import { Button, InputNumber, Space } from "antd";
+// import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon/es";
+import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
+import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
+import "./index.less";
+var getColumnNumberProps = function getColumnNumberProps(_ref) {
+  var dataIndex = _ref.dataIndex;
+  return {
+    filterDropdown: function filterDropdown(_ref2) {
+      var _selectedKeys$, _selectedKeys$2;
+      var setSelectedKeys = _ref2.setSelectedKeys,
+        selectedKeys = _ref2.selectedKeys,
+        confirm = _ref2.confirm,
+        clearFilters = _ref2.clearFilters,
+        close = _ref2.close;
+      return /*#__PURE__*/React.createElement("div", {
+        onKeyDown: function onKeyDown(e) {
+          return e.stopPropagation();
+        },
+        className: "pisell-table-filter-dropdown"
+      }, /*#__PURE__*/React.createElement(Space, {
+        split: "-",
+        className: "pisell-table-filter-dropdown-top"
+      }, /*#__PURE__*/React.createElement(InputNumber, {
+        value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$ = selectedKeys[0]) === null || _selectedKeys$ === void 0 ? void 0 : _selectedKeys$.min,
+        onChange: function onChange(value) {
+          var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
+            min: value
+          });
+          setSelectedKeys([newVal]);
+        },
+        placeholder: "Min",
+        onPressEnter: function onPressEnter() {
+          return confirm();
+        },
+        style: {
+          width: 105
+        }
+      }), /*#__PURE__*/React.createElement(InputNumber, {
+        value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$2 = selectedKeys[0]) === null || _selectedKeys$2 === void 0 ? void 0 : _selectedKeys$2.max,
+        placeholder: "Max",
+        onChange: function onChange(value) {
+          var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
+            max: value
+          });
+          setSelectedKeys([newVal]);
+        },
+        onPressEnter: function onPressEnter() {
+          return confirm();
+        },
+        style: {
+          width: 105
+        }
+      })), /*#__PURE__*/React.createElement(Space, {
+        className: "pisell-table-filter-dropdown-bottom",
+        styles: {
+          item: {
+            flex: 1
+          }
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        onClick: function onClick() {
+          clearFilters && clearFilters();
+          confirm();
+        },
+        block: true
+      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return confirm();
+        },
+        block: true
+      }, "Filter")));
+    },
+    filterIcon: function filterIcon(filtered) {
+      return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {
+        style: {
+          color: "#7f56d9",
+          fontSize: 14
+        }
+      }) : /*#__PURE__*/React.createElement(FilterFunnel01, {
+        style: {
+          color: "#98A2B3",
+          fontSize: 14
+        }
+      });
+    }
+  };
+};
+export default getColumnNumberProps;

package/es/components/table/TableFilter/selectFilter.d.ts

@@ -0,0 +1,10 @@
+import { ColumnType } from "antd/es/table";
+import "./index.less";
+declare const getColumnSelectProps: ({ dataIndex, filters, }: {
+    dataIndex: string;
+    filters: {
+        text: string;
+        value: string;
+    }[];
+}) => ColumnType<any>;
+export default getColumnSelectProps;

package/es/components/table/TableFilter/selectFilter.js

@@ -0,0 +1,127 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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, { useEffect, useMemo, useState } from "react";
+import { Button, Checkbox, Space, Menu } from "antd";
+import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
+import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
+import "./index.less";
+var FilterDropdown = function FilterDropdown(props) {
+  var setSelectedKeys = props.setSelectedKeys,
+    selectedKeys = props.selectedKeys,
+    confirm = props.confirm,
+    clearFilters = props.clearFilters,
+    filters = props.filters;
+  var _useState = useState((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    setValue((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || []);
+  }, [selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]]);
+  var items = useMemo(function () {
+    return filters.map(function (item) {
+      return {
+        label: /*#__PURE__*/React.createElement("span", {
+          onClick: function onClick(e) {
+            // 防止menu onClick触发两次
+            e.preventDefault();
+          }
+        }, /*#__PURE__*/React.createElement(Checkbox, {
+          checked: value.includes(item.value)
+        }, item.text)),
+        key: item.value
+      };
+    });
+  }, [filters, value]);
+  var handleClick = function handleClick(_ref) {
+    var key = _ref.key;
+    setValue(function (v) {
+      if (v.includes(key)) {
+        return v.filter(function (item) {
+          return item !== key;
+        });
+      }
+      return [].concat(_toConsumableArray(v), [key]);
+    });
+  };
+  useEffect(function () {
+    setSelectedKeys(value !== null && value !== void 0 && value.length ? [value] : []);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    onKeyDown: function onKeyDown(e) {
+      return e.stopPropagation();
+    },
+    className: "pisell-table-filter-dropdown"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-table-filter-dropdown-top",
+    style: {
+      padding: 0
+    }
+  }, /*#__PURE__*/React.createElement(Menu, {
+    onClick: handleClick,
+    items: items,
+    selectedKeys: [],
+    style: {
+      width: 272
+    }
+  })), /*#__PURE__*/React.createElement(Space, {
+    className: "pisell-table-filter-dropdown-bottom",
+    styles: {
+      item: {
+        flex: 1
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      clearFilters && clearFilters();
+      confirm();
+    },
+    block: true,
+    style: {
+      flex: 1
+    }
+  }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return confirm();
+    },
+    block: true,
+    style: {
+      flex: 1
+    }
+  }, "Filter")));
+};
+var getColumnSelectProps = function getColumnSelectProps(_ref2) {
+  var dataIndex = _ref2.dataIndex,
+    filters = _ref2.filters;
+  return {
+    filterDropdown: function filterDropdown(props) {
+      return /*#__PURE__*/React.createElement(FilterDropdown, _extends({}, props, {
+        filters: filters
+      }));
+    },
+    filterIcon: function filterIcon(filtered) {
+      return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {
+        style: {
+          color: "#7f56d9",
+          fontSize: 14
+        }
+      }) : /*#__PURE__*/React.createElement(FilterFunnel01, {
+        style: {
+          color: "#98A2B3",
+          fontSize: 14
+        }
+      });
+    }
+  };
+};
+export default getColumnSelectProps;

package/es/components/table/TableFilter/stringFilter.d.ts

@@ -0,0 +1,6 @@
+import { ColumnType } from "antd/es/table";
+import "./index.less";
+declare const getColumnStringProps: ({ dataIndex, }: {
+    dataIndex: string;
+}) => ColumnType<any>;
+export default getColumnStringProps;

package/es/components/table/TableFilter/stringFilter.js

@@ -0,0 +1,71 @@
+import React from "react";
+import { Button, Input, Space } from "antd";
+import SearchLg from "@pisell/icon/es/SearchLg";
+import "./index.less";
+var getColumnStringProps = function getColumnStringProps(_ref) {
+  var dataIndex = _ref.dataIndex;
+  return {
+    filterDropdown: function filterDropdown(_ref2) {
+      var setSelectedKeys = _ref2.setSelectedKeys,
+        selectedKeys = _ref2.selectedKeys,
+        confirm = _ref2.confirm,
+        clearFilters = _ref2.clearFilters,
+        close = _ref2.close;
+      return /*#__PURE__*/React.createElement("div", {
+        onKeyDown: function onKeyDown(e) {
+          return e.stopPropagation();
+        },
+        className: "pisell-table-filter-dropdown"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pisell-table-filter-dropdown-top"
+      }, /*#__PURE__*/React.createElement(Input, {
+        prefix: /*#__PURE__*/React.createElement(SearchLg, null),
+        placeholder: "Search",
+        value: selectedKeys[0],
+        onChange: function onChange(e) {
+          return setSelectedKeys(e.target.value ? [e.target.value] : []);
+        },
+        onPressEnter: function onPressEnter() {
+          return confirm();
+        },
+        style: {
+          width: 240
+        }
+      })), /*#__PURE__*/React.createElement(Space, {
+        className: "pisell-table-filter-dropdown-bottom",
+        styles: {
+          item: {
+            flex: 1
+          }
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        onClick: function onClick() {
+          clearFilters && clearFilters();
+          confirm();
+        },
+        block: true,
+        style: {
+          flex: 1
+        }
+      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return confirm();
+        },
+        block: true,
+        style: {
+          flex: 1
+        }
+      }, "Filter")));
+    },
+    filterIcon: function filterIcon(filtered) {
+      return /*#__PURE__*/React.createElement(SearchLg, {
+        style: {
+          color: filtered ? "#7f56d9" : undefined,
+          fontSize: 16
+        }
+      });
+    }
+  };
+};
+export default getColumnStringProps;

package/es/components/table/index.js

@@ -78,7 +78,8 @@ var GridView = Provider(function (props) {
         });
       } else {
         var _other$pagination;
-        if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > (other === null || other === void 0 ? void 0 : (_other$pagination = other.pagination) === null || _other$pagination === void 0 ? void 0 : _other$pagination.pageSize)) {
+        // 如果使用本地分页 不执行onValuesChange
+        if (other !== null && other !== void 0 && (_other$pagination = other.pagination) !== null && _other$pagination !== void 0 && _other$pagination.localPagination) {
           return;
         }
       }

package/es/components/table/index.less

@@ -3,5 +3,53 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-
+  .pisell-lowcode-table-filter-column {
+    align-items: center;
+    .pisell-lowcode-dropdown-trigger {
+      width: 25px;
+      height: 25px;
+      justify-content: center;
+    }
+    .pisell-lowcode-table-filter-trigger.active {
+      background: var(--primary-100, #F4EBFF);
+    }
+  }
+  .pisell-lowcode-table-column-sorters {
+    cursor: pointer;
+  }
+  .pisell-table-sorter-inner {
+    width: 25px;
+    height: 25px;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    margin-inline-start: 4px;
+    color: rgba(0, 0, 0, 0.29);
+    font-size: 12px;
+    transition: color 0.3s;
+    border-radius: 8px;
+    justify-content: center;
+    &:hover {
+      background: var(--primary-100, #F4EBFF);
+    }
+    .pisell-table-column-sorter-up,.pisell-table-column-sorter-down {
+      color: rgba(102, 112, 133, 0.65);
+      font-size: 12px;
+    }
+    .pisell-table-column-sorter-down {
+      margin-top: -0.3em;
+    }
+    .pisell-table-column-up {
+      font-size: 20px;
+    }
+    .pisell-table-column-down {
+      font-size: 20px;
+      transform: rotate(180deg);
+    }
+  }
+  .pisell-table-sorter-inner.active {
+    background: var(--primary-100, #F4EBFF);
+    cursor: pointer;
+    color: #7F56D9
+  }
 }

package/es/index.d.ts

@@ -16,7 +16,6 @@ export { Image } from "antd";
 export { InputNumber } from "antd";
 export { List } from "antd";
 export { message } from "antd";
-export { Menu } from "antd";
 export { Mentions } from "antd";
 export { Statistic } from "antd";
 export { notification } from "antd";

package/es/index.js

@@ -27,7 +27,9 @@ export { Image } from "antd";
 export { InputNumber } from "antd";
 export { List } from "antd";
 export { message } from "antd";
-export { Menu } from "antd";
+
+// export { Menu } from "antd";
+
 export { Mentions } from "antd";
 export { Statistic } from "antd";
 export { notification } from "antd";

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/lib/components/Pagination/index.js

@@ -35,17 +35,18 @@ __export(Pagination_exports, {
 });
 module.exports = __toCommonJS(Pagination_exports);
 var import_react = __toESM(require("react"));
-var import_icon = require("@pisell/icon");
+var import_ArrowRight = __toESM(require("@pisell/icon/es/ArrowRight"));
+var import_ArrowLeft = __toESM(require("@pisell/icon/es/ArrowLeft"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var itemRender = (_, type, originalElement) => {
   if (type === "prev") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
   }
   if (type === "next") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
   }
   return originalElement;
 };
@@ -104,7 +105,7 @@ var MiniPagination = (props) => {
         onChange("prev");
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }))
   ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "Page"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, current), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "of"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, MAX)), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -116,7 +117,7 @@ var MiniPagination = (props) => {
         onChange("next");
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }))
   ));
 };
 var FormPagination = ({

package/lib/components/drawer/index.js

@@ -39,7 +39,6 @@ var Drawer = (props) => {
   if (props.__designMode === "design") {
     innerProps.open = true;
   }
-  console.log(props, "Drawer props", innerProps);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Drawer, { ...props, ...innerProps });
 };
 var drawer_default = Drawer;

package/lib/components/filter/components/Dropdown/index.js

@@ -33,7 +33,8 @@ __export(Dropdown_exports, {
 });
 module.exports = __toCommonJS(Dropdown_exports);
 var import_react = __toESM(require("react"));
-var import_icon = require("@pisell/icon");
+var import_DotsSix = __toESM(require("@pisell/icon/es/DotsSix"));
+var import_HelpCircle = __toESM(require("@pisell/icon/es/HelpCircle"));
 var import_index = require("./index.less");
 var import_FilterItem = __toESM(require("../FilterItem"));
 var import_antd = require("antd");
@@ -57,7 +58,7 @@ var DragItem = import_react.default.forwardRef((props, ref) => {
       className: "filter-dropdown-drag-item"
     },
     /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-      import_icon.DotsSix,
+      import_DotsSix.default,
       {
         ref: setActivatorNodeRef,
         ...listeners,
@@ -78,7 +79,7 @@ var Dropdown = (props) => {
   const handleSortChange = (list2) => {
   };
   const renderContainer = (0, import_react.useCallback)(({ children, ref, id }) => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipMap[id] }, /* @__PURE__ */ import_react.default.createElement(import_icon.HelpCircle, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "filter-dropdown-container-filter-wrap" }, children));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipMap[id] }, /* @__PURE__ */ import_react.default.createElement(import_HelpCircle.default, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "filter-dropdown-container-filter-wrap" }, children));
   }, []);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap-content" }, /* @__PURE__ */ import_react.default.createElement(
     import_MultipleContainersSortList.default,

package/lib/components/filter/components/FilterButton/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(FilterButton_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_Dropdown = __toESM(require("../Dropdown"));
-var import_icon = require("@pisell/icon");
+var import_FilterLines = __toESM(require("@pisell/icon/es/FilterLines"));
 var Filter = ({
   list = [],
   quickFilter,
@@ -59,7 +59,7 @@ var Filter = ({
       arrow: false,
       getPopupContainer: () => ref.current
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.FilterLines, null) }, "Filter")
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null) }, "Filter")
   ));
 };
 var FilterButton_default = Filter;

package/lib/components/filter/components/FilterItem/index.js

@@ -42,6 +42,6 @@ var FilterItem = (props) => {
     var _a;
     return (_a = import_fields.fieldMaps[type]) == null ? void 0 : _a.edit;
   }, [type]);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name }, /* @__PURE__ */ import_react.default.createElement(Com, { ...other }));
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name, ...(other == null ? void 0 : other.formItemProps) || {} }, /* @__PURE__ */ import_react.default.createElement(Com, { ...other }));
 };
 var FilterItem_default = FilterItem;

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

@@ -34,7 +34,7 @@ __export(Sort_exports, {
 module.exports = __toCommonJS(Sort_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_icon = require("@pisell/icon");
+var import_SwitchVertical01 = __toESM(require("@pisell/icon/es/SwitchVertical01"));
 var sortChildrenMap = {
   date: (key) => [
     {
@@ -81,6 +81,6 @@ var Sort = ({ list = [], onChange }) => {
     var _a;
     onChange == null ? void 0 : onChange((_a = detail == null ? void 0 : detail.keyPath) == null ? void 0 : _a[0]);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: sortItems, onClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.SwitchVertical01, null) }, "Sort"));
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: sortItems, onClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_SwitchVertical01.default, null) }, "Sort"));
 };
 var Sort_default = Sort;