@arim-aisdc/public-components 0.0.2 → 0.0.4

package/dist/components/TableMax/components/ColumnEdit/components/numberRange/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+type IProps = {
+    precision: number | undefined;
+    value?: any[];
+    onChange?: (args: any[]) => void;
+};
+declare const NumberRange: ({ precision, value, onChange }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberRange;

package/dist/{TableMax → components/TableMax}/components/ColumnEdit/components/numberRange/index.js

@@ -1,4 +1,5 @@
-import { InputNumber } from 'antd';
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -8,7 +9,7 @@ var NumberRange = function NumberRange(_ref) {
     _onChange = _ref.onChange;
   return /*#__PURE__*/_jsxs("div", {
     className: "tableMax-edit-numberRangeWrapper",
-    children: [/*#__PURE__*/_jsx(InputNumber, {
+    children: [/*#__PURE__*/_jsx(_InputNumber, {
       precision: precision,
       min: 0,
       max: value === null || value === void 0 ? void 0 : value[1],
@@ -16,7 +17,7 @@ var NumberRange = function NumberRange(_ref) {
       onChange: function onChange(newValue) {
         return _onChange === null || _onChange === void 0 ? void 0 : _onChange([newValue, value === null || value === void 0 ? void 0 : value[1]]);
       }
-    }), /*#__PURE__*/_jsx(InputNumber, {
+    }), /*#__PURE__*/_jsx(_InputNumber, {
       precision: precision,
       min: value === null || value === void 0 ? void 0 : value[0],
       value: value === null || value === void 0 ? void 0 : value[1],

package/dist/components/TableMax/components/ColumnEdit/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import './index.less';
+export declare enum InputType {
+    InputNumber = "InputNumber",
+    NumberRange = "NumberRange",
+    Input = "Input",
+    DatePicker = "DatePicker",
+    Select = "Select"
+}
+interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
+    editing: boolean;
+    dataIndex: string;
+    title: any;
+    required: boolean;
+    editComType: InputType;
+    editOptions?: {
+        value: any;
+        label: any;
+    }[];
+    record: any;
+    index: number;
+    numberMin: number;
+    children: React.ReactNode;
+    precision: number | undefined;
+    ellipsis: boolean;
+}
+export declare const EditableCell: React.FC<EditableCellProps>;
+export {};

package/dist/{TableMax → components/TableMax}/components/ColumnEdit/index.js

@@ -1,7 +1,18 @@
-var _excluded = ["editing", "dataIndex", "title", "required", "editComType", "record", "index", "children", "precision", "numberMin", "editOptions"];
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+var _excluded = ["editing", "dataIndex", "title", "required", "editComType", "record", "index", "children", "precision", "numberMin", "editOptions", "ellipsis"];
 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 { DatePicker, Form, Input, InputNumber, Select } from 'antd';
 import NumberRange from "./components/numberRange";
 import "./index.less";
 
@@ -28,11 +39,12 @@ export var EditableCell = function EditableCell(_ref) {
     numberMin = _ref.numberMin,
     _ref$editOptions = _ref.editOptions,
     editOptions = _ref$editOptions === void 0 ? [] : _ref$editOptions,
+    ellipsis = _ref.ellipsis,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var getEditComponent = function getEditComponent() {
     switch (editComType) {
       case InputType.InputNumber:
-        return /*#__PURE__*/_jsx(InputNumber, {
+        return /*#__PURE__*/_jsx(_InputNumber, {
           precision: precision,
           placeholder: title,
           min: numberMin ? numberMin : 0,
@@ -45,7 +57,7 @@ export var EditableCell = function EditableCell(_ref) {
           precision: precision
         });
       case InputType.DatePicker:
-        return /*#__PURE__*/_jsx(DatePicker, {
+        return /*#__PURE__*/_jsx(_DatePicker, {
           showTime: true,
           format: "YYYY-MM-DD HH:mm:ss",
           allowClear: true,
@@ -55,11 +67,11 @@ export var EditableCell = function EditableCell(_ref) {
           })
         });
       case InputType.Select:
-        return /*#__PURE__*/_jsx(Select, {
+        return /*#__PURE__*/_jsx(_Select, {
           placeholder: title,
           allowClear: true,
           children: editOptions.map(function (item, index) {
-            return /*#__PURE__*/_jsx(Select.Option, {
+            return /*#__PURE__*/_jsx(_Select.Option, {
               value: item.value,
               children: item.label
             }, item.value || index);
@@ -67,7 +79,7 @@ export var EditableCell = function EditableCell(_ref) {
         });
       case InputType.Input:
       default:
-        return /*#__PURE__*/_jsx(Input, {
+        return /*#__PURE__*/_jsx(_Input, {
           placeholder: title,
           allowClear: true
         });
@@ -75,7 +87,7 @@ export var EditableCell = function EditableCell(_ref) {
   };
   return /*#__PURE__*/_jsx("div", {
     className: "tableMax-cell-wrapper",
-    children: editing ? /*#__PURE__*/_jsx(Form.Item, {
+    children: editing ? /*#__PURE__*/_jsx(_Form.Item, {
       name: dataIndex,
       style: {
         margin: 0
@@ -83,11 +95,18 @@ export var EditableCell = function EditableCell(_ref) {
       rules: [{
         required: required,
         message: "\u8BF7\u8F93\u5165".concat(title)
-      }],
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
+      }]
+      // onClick={e => e.stopPropagation()}
+      ,
       children: getEditComponent()
+    }) : ellipsis ? /*#__PURE__*/_jsx(_Tooltip, {
+      placement: "topLeft",
+      title: children,
+      mouseEnterDelay: 0.5,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "ellipsis",
+        children: children
+      })
     }) : children
   });
 };

package/dist/{TableMax → components/TableMax}/components/ColumnEdit/index.less

@@ -3,6 +3,12 @@
   width: 100%;
   padding: 0 8px;
 
+  .ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .numberRangeWrapper {
     display: flex;
     flex-direction: column;
@@ -14,7 +20,7 @@
   .custom-dark-input,
   .custom-dark-input-affix-wrapper,
   .custom-dark-switch {
-    background-color: #494C5DFF;
+    background-color: #494c5dff;
   }
 
   .custom-dark-switch-checked {
@@ -23,7 +29,6 @@
 
   .custom-dark-picker-clear,
   .custom-dark-select-clear {
-    background-color: #494C5DFF;
+    background-color: #494c5dff;
   }
-
-}
+}

package/dist/components/TableMax/components/ColumnFilter/FilterDateRange/index.d.ts

@@ -0,0 +1,16 @@
+import { TableMaxColumnType } from "../../../type";
+import './index.less';
+interface IProps {
+    onChange: ({ startDate, endDate }?: {
+        startDate: number | string | null;
+        endDate: number | string | null;
+    }) => void;
+    value: {
+        startDate: number | null;
+        endDate: number | null;
+    } | undefined;
+    columnDef: TableMaxColumnType;
+}
+export declare const FilterDateRange: ({ onChange, value, columnDef }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const timeRangeFilter: (row: any, columnId: any, filterValue: any) => boolean;
+export {};

package/dist/{TableMax → components/TableMax}/components/ColumnFilter/FilterDateRange/index.js

@@ -1,7 +1,8 @@
-import { DatePicker } from 'antd';
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 import moment from 'moment';
 import { useContext } from 'react';
-import { TableContext } from "../../../index";
+import { TableContext } from "../../../TableMax";
 import { defaultDateFormat } from "../index";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -53,7 +54,7 @@ export var FilterDateRange = function FilterDateRange(_ref) {
   };
   return /*#__PURE__*/_jsxs("div", {
     className: "date-range-filter-wapper",
-    children: [/*#__PURE__*/_jsx(DatePicker, {
+    children: [/*#__PURE__*/_jsx(_DatePicker, {
       value: value !== null && value !== void 0 && value.startDate ? moment(value === null || value === void 0 ? void 0 : value.startDate) : undefined,
       disabledDate: disabledStartDate,
       showTime: (_columnDef$filterComP3 = columnDef.filterComProps) === null || _columnDef$filterComP3 === void 0 ? void 0 : _columnDef$filterComP3.showTime,
@@ -66,7 +67,7 @@ export var FilterDateRange = function FilterDateRange(_ref) {
       children: /*#__PURE__*/_jsx("span", {
         className: "horizontal-line"
       })
-    }), /*#__PURE__*/_jsx(DatePicker, {
+    }), /*#__PURE__*/_jsx(_DatePicker, {
       value: value !== null && value !== void 0 && value.endDate ? moment(value === null || value === void 0 ? void 0 : value.endDate) : undefined,
       disabledDate: disabledEndDate,
       className: "end-time",

package/dist/components/TableMax/components/ColumnFilter/MultipleSelect/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+interface IProps {
+    value: any[];
+    options: any[];
+    onChange: (value: any[]) => void;
+}
+declare const MultipleSelect: ({ value, onChange, options }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default MultipleSelect;

package/dist/{TableMax → components/TableMax}/components/ColumnFilter/MultipleSelect/index.js

@@ -1,3 +1,5 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 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); }
@@ -5,7 +7,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { useUpdateEffect } from 'ahooks';
-import { Select } from 'antd';
 import { useState } from 'react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +33,7 @@ var MultipleSelect = function MultipleSelect(_ref) {
     // console.log('value :>> ', value);
     setInnerValue(Array.isArray(value) ? value : [value]);
   }, [value.toString()]);
-  return /*#__PURE__*/_jsx(Select, {
+  return /*#__PURE__*/_jsx(_Select, {
     mode: "multiple",
     options: options,
     allowClear: true,

package/dist/components/TableMax/components/ColumnFilter/SingleSelect/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+interface IProps {
+    value: string;
+    options: any[];
+    onChange: (value: string) => void;
+}
+declare const SingleSelect: ({ value, onChange, options }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelect;

package/dist/{TableMax → components/TableMax}/components/ColumnFilter/SingleSelect/index.js

@@ -1,4 +1,5 @@
-import { Select } from 'antd';
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SingleSelect = function SingleSelect(_ref) {
@@ -8,7 +9,7 @@ var SingleSelect = function SingleSelect(_ref) {
   var handleClear = function handleClear() {
     onChange('');
   };
-  return /*#__PURE__*/_jsx(Select, {
+  return /*#__PURE__*/_jsx(_Select, {
     showSearch: true,
     allowClear: true,
     value: value,

package/dist/components/TableMax/components/ColumnFilter/customFilterFns.d.ts

@@ -0,0 +1,6 @@
+declare const customFilterFns: {
+    timeRangeFilter: (row: any, columnId: any, filterValue: any) => boolean;
+    fuzzyFilter: (row: any, columnId: any, filterValue: any) => boolean;
+    multiSelectFilter: (row: any, columnId: any, filterValue: any) => any;
+};
+export default customFilterFns;

package/dist/{TableMax → components/TableMax}/components/ColumnFilter/customFilterFns.js

@@ -8,10 +8,15 @@ var fuzzyFilter = function fuzzyFilter(row, columnId, filterValue) {
   // console.log('object :>> ', rowStringValue, filterStringValue);
   return rowStringValue.toUpperCase().indexOf(filterStringValue.toUpperCase().trim()) !== -1;
 };
+var multiSelectFilter = function multiSelectFilter(row, columnId, filterValue) {
+  var rowValue = row.getValue(columnId);
+  return filterValue.includes(rowValue + '');
+};
 
 // 自定义的过滤函数，后续都加在这里
 var customFilterFns = {
   timeRangeFilter: timeRangeFilter,
-  fuzzyFilter: fuzzyFilter
+  fuzzyFilter: fuzzyFilter,
+  multiSelectFilter: multiSelectFilter
 };
 export default customFilterFns;

package/dist/components/TableMax/components/ColumnFilter/index.d.ts

@@ -0,0 +1,21 @@
+import { BuiltInFilterFn, Column } from '@tanstack/react-table';
+import { TableMaxColumnType } from "../../type";
+import customFilterFns from './customFilterFns';
+export declare const defaultDateFormat = "YYYY-MM-DD";
+export declare enum FilterType {
+    Date = "date",
+    SingleDate = "singleDate",
+    Integer = "integer",
+    SingleInteger = "singleInteger",
+    SingleSelect = "singleSelect",
+    MultiSelect = "multiSelect",
+    AutoComplete = "autoComplete"
+}
+export type FilterFnType = keyof typeof customFilterFns | BuiltInFilterFn | undefined;
+export type IFilterFnEnum = {
+    [key in FilterType]: FilterFnType;
+};
+export declare function setDefaultFilterFn(columns: TableMaxColumnType[]): TableMaxColumnType[];
+export declare function Filter({ column }: {
+    column: Column<any, unknown>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/{TableMax → components/TableMax}/components/ColumnFilter/index.js

@@ -1,16 +1,21 @@
+import "antd/es/auto-complete/style";
+import _AutoComplete from "antd/es/auto-complete";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 var _FILTER_FN_ENUM;
 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); }
-import { AutoComplete, DatePicker, InputNumber } from 'antd';
 import moment from 'moment';
 import { useMemo } from 'react';
 import { FilterDateRange } from "./FilterDateRange";
 import MultipleSelect from "./MultipleSelect";
 import SingleSelect from "./SingleSelect";
 import { useContext } from 'react';
-import { TableContext } from "../../index";
+import { TableContext } from "../../TableMax";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var defaultDateFormat = 'YYYY-MM-DD';
@@ -23,10 +28,11 @@ export var FilterType = /*#__PURE__*/function (FilterType) {
   FilterType["SingleInteger"] = "singleInteger";
   FilterType["SingleSelect"] = "singleSelect";
   FilterType["MultiSelect"] = "multiSelect";
+  FilterType["AutoComplete"] = "autoComplete";
   return FilterType;
-}({}); // 多选
+}({}); // 自动补全
 // 不同筛选类型需要特定的过滤函数
-var FILTER_FN_ENUM = (_FILTER_FN_ENUM = {}, _defineProperty(_FILTER_FN_ENUM, FilterType.Date, 'timeRangeFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleDate, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.MultiSelect, 'arrIncludesSome'), _defineProperty(_FILTER_FN_ENUM, FilterType.Integer, 'inNumberRange'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleInteger, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleSelect, 'fuzzyFilter'), _FILTER_FN_ENUM);
+var FILTER_FN_ENUM = (_FILTER_FN_ENUM = {}, _defineProperty(_FILTER_FN_ENUM, FilterType.Date, 'timeRangeFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleDate, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.MultiSelect, 'multiSelectFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.Integer, 'inNumberRange'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleInteger, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.SingleSelect, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.AutoComplete, 'fuzzyFilter'), _FILTER_FN_ENUM);
 
 // 给columns配置填充默认的过滤函数
 export function setDefaultFilterFn(columns) {
@@ -35,20 +41,18 @@ export function setDefaultFilterFn(columns) {
       // 当前列指定了过滤组件，但是没有指定过滤函数，在这里自动补上
       column.filterFn = FILTER_FN_ENUM[column.filterType];
     } else if (!column.filterType && !column.filterFn) {
-      // 默认使用AutoComplete组件的场景，加上模糊搜索函数
-      column.filterFn = 'fuzzyFilter';
+      // 默认使用MultiSelect组件的场景，加上过滤函数
+      column.filterFn = FILTER_FN_ENUM[FilterType.MultiSelect];
     }
     column.columns && setDefaultFilterFn(column.columns);
   });
   return columns;
 }
 export function Filter(_ref) {
-  var column = _ref.column,
-    table = _ref.table,
-    filterFn = _ref.filterFn;
+  var column = _ref.column;
   var _useContext = useContext(TableContext),
     manualFiltering = _useContext.manualFiltering;
-  var columnDef = (column === null || column === void 0 ? void 0 : column.columnDef) || {};
+  var columnDef = column === null || column === void 0 ? void 0 : column.columnDef;
   // 筛选组件类型
   var filterType = columnDef.filterType,
     filterOptions = columnDef.filterOptions;
@@ -102,7 +106,7 @@ export function Filter(_ref) {
           columnDef: columnDef
         });
       case FilterType.SingleDate:
-        return /*#__PURE__*/_jsx(DatePicker, {
+        return /*#__PURE__*/_jsx(_DatePicker, {
           value: columnFilterValue ? moment(columnFilterValue) : undefined,
           showTime: (_columnDef$filterComP = columnDef.filterComProps) === null || _columnDef$filterComP === void 0 ? void 0 : _columnDef$filterComP.showTime,
           format: ((_columnDef$filterComP2 = columnDef.filterComProps) === null || _columnDef$filterComP2 === void 0 ? void 0 : _columnDef$filterComP2.format) || defaultDateFormat,
@@ -118,11 +122,10 @@ export function Filter(_ref) {
             display: 'flex'
           },
           children: [/*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(InputNumber
-            // min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
-            // max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
-            // value={(columnFilterValue as [number, number])?.[0] ?? ''}
-            , {
+            children: /*#__PURE__*/_jsx(_InputNumber, {
+              // min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
+              // max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
+              // value={(columnFilterValue as [number, number])?.[0] ?? ''}
               placeholder: "".concat((_column$getFacetedMin = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin !== void 0 && _column$getFacetedMin[0] ? "(".concat((_column$getFacetedMin2 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin2 === void 0 ? void 0 : _column$getFacetedMin2[0], ")") : ''),
               controls: false,
               onChange: function onChange(value) {
@@ -138,11 +141,10 @@ export function Filter(_ref) {
               }) : columnFilterValue === null || columnFilterValue === void 0 ? void 0 : columnFilterValue[0]
             })
           }), /*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(InputNumber
-            // min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
-            // max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
-            // value={(columnFilterValue as [number, number])?.[1] ?? ''}
-            , {
+            children: /*#__PURE__*/_jsx(_InputNumber, {
+              // min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
+              // max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
+              // value={(columnFilterValue as [number, number])?.[1] ?? ''}
               placeholder: "".concat((_column$getFacetedMin3 = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin3 !== void 0 && _column$getFacetedMin3[1] ? "(".concat((_column$getFacetedMin4 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin4 === void 0 ? void 0 : _column$getFacetedMin4[1], ")") : ''),
               controls: false,
               onChange: function onChange(value) {
@@ -160,7 +162,7 @@ export function Filter(_ref) {
           })]
         });
       case FilterType.SingleInteger:
-        return /*#__PURE__*/_jsx(InputNumber, {
+        return /*#__PURE__*/_jsx(_InputNumber, {
           controls: false,
           style: {
             width: '100%',
@@ -177,20 +179,8 @@ export function Filter(_ref) {
             }
           }) : columnFilterValue
         });
-      case FilterType.MultiSelect:
-        return /*#__PURE__*/_jsx(MultipleSelect, {
-          value: columnFilterValue,
-          onChange: handleChangeFilterValue,
-          options: sortedUniqueValues
-        });
-      case FilterType.SingleSelect:
-        return /*#__PURE__*/_jsx(SingleSelect, {
-          value: columnFilterValue,
-          onChange: handleChangeFilterValue,
-          options: sortedUniqueValues
-        });
-      default:
-        return /*#__PURE__*/_jsx(AutoComplete, {
+      case FilterType.AutoComplete:
+        return /*#__PURE__*/_jsx(_AutoComplete, {
           options: sortedUniqueValues,
           placeholder: "",
           filterOption: function filterOption(inputValue, option) {
@@ -209,6 +199,19 @@ export function Filter(_ref) {
           allowClear: true,
           value: columnFilterValue
         });
+      case FilterType.SingleSelect:
+        return /*#__PURE__*/_jsx(SingleSelect, {
+          value: columnFilterValue,
+          onChange: handleChangeFilterValue,
+          options: sortedUniqueValues
+        });
+      case FilterType.MultiSelect:
+      default:
+        return /*#__PURE__*/_jsx(MultipleSelect, {
+          value: columnFilterValue,
+          onChange: handleChangeFilterValue,
+          options: sortedUniqueValues
+        });
     }
   };
   return filterComponent(columnDef.filterType);

package/dist/components/TableMax/components/ColumnSetting/index.d.ts

@@ -0,0 +1,18 @@
+import { ColumnPinningConfigType, ColumnVisibleConfigType } from "../../type";
+import React from 'react';
+import './index.less';
+type ColumnSettingProps = {
+    table: any;
+    initColumnOrder: string[];
+    canSelection?: boolean;
+    canRowDrag?: boolean;
+    columnVisibleConfig?: ColumnVisibleConfigType;
+    columnPinningConfig?: ColumnPinningConfigType;
+    tableId: string;
+    onFilterSwitchChange: (checked: boolean) => void;
+    canFilter: boolean;
+    enableFilters: boolean;
+    getRowCanExpand?: () => void;
+};
+declare const _default: React.NamedExoticComponent<ColumnSettingProps>;
+export default _default;

package/dist/{TableMax → components/TableMax}/components/ColumnSetting/index.js

@@ -1,3 +1,9 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import "antd/es/switch/style";
+import _Switch from "antd/es/switch";
 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); }
@@ -8,28 +14,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(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, Switch, Tooltip } from 'antd';
 import { cloneDeep } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import { createPortal } from 'react-dom';
 import { ColumnType } from "../../index";
 import "./index.less";
-
-// 主题存localstorage名称
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var tgPoiFrontendTheme = 'tg-poi-frontend-theme';
-
-// 主题类型
-export var themeType = {
-  light: 'light',
-  dark: 'dark'
-};
 var ColumnSetting = function ColumnSetting(_ref) {
   var table = _ref.table,
     initColumnOrder = _ref.initColumnOrder,
-    isSplit = _ref.isSplit,
     canFilter = _ref.canFilter,
     canSelection = _ref.canSelection,
     canRowDrag = _ref.canRowDrag,
@@ -39,7 +34,6 @@ var ColumnSetting = function ColumnSetting(_ref) {
     onFilterSwitchChange = _ref.onFilterSwitchChange,
     enableFilters = _ref.enableFilters,
     getRowCanExpand = _ref.getRowCanExpand;
-  var isDark = localStorage.getItem(tgPoiFrontendTheme) === themeType.dark;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     settingVisible = _useState2[0],
@@ -91,13 +85,6 @@ var ColumnSetting = function ColumnSetting(_ref) {
     setSettingVisible(!settingVisible);
   };
   var columnPinningGroup = useMemo(function () {
-    // if (!isSplit)
-    //   return [
-    //     {
-    //       groupList: table.getAllLeafColumns(),
-    //       groupName: '',
-    //     },
-    //   ];
     var arr = [];
     var leftLength = 0;
     // canSelection && leftLength++;
@@ -116,7 +103,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
     // console.log('columnPinningGroup===============', arr);
 
     return arr;
-  }, [isSplit, columnOrder, columnPinning, table.getState().columnPinning]);
+  }, [columnOrder, columnPinning, table.getState().columnPinning]);
   return /*#__PURE__*/_jsxs("div", {
     id: tableId,
     className: "column-setting-container",
@@ -133,7 +120,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
         className: "column-filtering",
         children: [/*#__PURE__*/_jsx("span", {
           children: "\u663E\u793A\u7B5B\u9009"
-        }), /*#__PURE__*/_jsx(Switch, {
+        }), /*#__PURE__*/_jsx(_Switch, {
           className: "switch-button",
           defaultChecked: enableFilters,
           onChange: onFilterSwitchChange
@@ -142,7 +129,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
         className: "column-setting-wapper",
         children: [/*#__PURE__*/_jsxs("div", {
           className: "column-setting-header",
-          children: [/*#__PURE__*/_jsx(Checkbox, {
+          children: [/*#__PURE__*/_jsx(_Checkbox, {
             checked: table.getIsAllColumnsVisible(),
             onChange: table.getToggleAllColumnsVisibilityHandler(),
             children: "\u5168\u9009"
@@ -179,6 +166,10 @@ var ColumnSetting = function ColumnSetting(_ref) {
     }), document.body) : null]
   });
 };
+var reorderColumn = function reorderColumn(draggedColumnId, targetColumnId, columnOrder) {
+  columnOrder.splice(columnOrder.indexOf(targetColumnId), 0, columnOrder.splice(columnOrder === null || columnOrder === void 0 ? void 0 : columnOrder.indexOf(draggedColumnId), 1)[0]);
+  return _toConsumableArray(columnOrder);
+};
 var SettingItem = function SettingItem(_ref3) {
   var _column$columnDef, _column$columnDef2;
   var table = _ref3.table,
@@ -314,14 +305,14 @@ var SettingItem = function SettingItem(_ref3) {
           className: "content-left",
           children: [/*#__PURE__*/_jsx("i", {
             className: "icon iconfont-other icon-other-drag drag-handle"
-          }), /*#__PURE__*/_jsx(Checkbox, {
+          }), /*#__PURE__*/_jsx(_Checkbox, {
             checked: column.getIsVisible(),
             onChange: column.getToggleVisibilityHandler(),
-            children: typeof (column === null || column === void 0 || (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : _column$columnDef.header) == 'function' ? column.columnDef.header() : column === null || column === void 0 || (_column$columnDef2 = column.columnDef) === null || _column$columnDef2 === void 0 ? void 0 : _column$columnDef2.header
+            children: typeof (column === null || column === void 0 || (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : _column$columnDef.header) === 'function' ? column.columnDef.header() : column === null || column === void 0 || (_column$columnDef2 = column.columnDef) === null || _column$columnDef2 === void 0 ? void 0 : _column$columnDef2.header
           })]
         }), /*#__PURE__*/_jsx("span", {
           children: getPinningButton().map(function (item) {
-            return /*#__PURE__*/_jsx(Tooltip, {
+            return /*#__PURE__*/_jsx(_Tooltip, {
               placement: "top",
               title: item.tooltip,
               children: /*#__PURE__*/_jsx("i", {
@@ -337,8 +328,4 @@ var SettingItem = function SettingItem(_ref3) {
     })
   });
 };
-var reorderColumn = function reorderColumn(draggedColumnId, targetColumnId, columnOrder) {
-  columnOrder.splice(columnOrder.indexOf(targetColumnId), 0, columnOrder.splice(columnOrder === null || columnOrder === void 0 ? void 0 : columnOrder.indexOf(draggedColumnId), 1)[0]);
-  return _toConsumableArray(columnOrder);
-};
 export default /*#__PURE__*/React.memo(ColumnSetting);