@pisell/materials 1.0.81 → 1.0.82

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/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/es/components/Pagination/index.js

@@ -9,7 +9,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 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); }
 import React, { useEffect, useMemo, useState } from "react";
-import { ArrowLeft, ArrowRight } from "@pisell/icon";
+// import { ArrowLeft, ArrowRight } from "@pisell/icon/es";
+import ArrowRight from "@pisell/icon/es/ArrowRight";
+import ArrowLeft from "@pisell/icon/es/ArrowLeft";
 import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
 import { useResponsive } from "../../hooks";

package/es/components/drawer/index.js

@@ -7,7 +7,6 @@ var Drawer = function Drawer(props) {
     // 低代码编辑态中强制显示，将控制权交给引擎侧
     innerProps.open = true;
   }
-  console.log(props, 'Drawer props', innerProps);
   return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, props, innerProps));
 };
 export default Drawer;

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

@@ -1,6 +1,7 @@
 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); }
 import React, { useCallback, useMemo } from "react";
-import { DotsSix, HelpCircle } from "@pisell/icon";
+import DotsSix from "@pisell/icon/es/DotsSix";
+import HelpCircle from "@pisell/icon/es/HelpCircle";
 import "./index.less";
 import FilterItem from "../FilterItem";
 import { Tooltip } from "antd";

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

@@ -1,7 +1,7 @@
 import React, { useMemo, useRef } from "react";
 import { Button, Popover } from "antd";
 import Dropdown from "../Dropdown";
-import { FilterLines } from "@pisell/icon";
+import FilterLines from "@pisell/icon/es/FilterLines";
 var Filter = function Filter(_ref) {
   var _ref$list = _ref.list,
     list = _ref$list === void 0 ? [] : _ref$list,

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

@@ -1,3 +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); }
 import React, { useMemo } from "react";
 import { Form } from "antd";
 import { fieldMaps } from "../../../table/Table/fields";
@@ -11,9 +12,9 @@ var FilterItem = function FilterItem(props) {
     var _fieldMaps;
     return (_fieldMaps = fieldMaps[type]) === null || _fieldMaps === void 0 ? void 0 : _fieldMaps.edit;
   }, [type]);
-  return /*#__PURE__*/React.createElement(Form.Item, {
+  return /*#__PURE__*/React.createElement(Form.Item, _extends({
     label: label,
     name: name
-  }, /*#__PURE__*/React.createElement(Com, other));
+  }, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), /*#__PURE__*/React.createElement(Com, other));
 };
 export default FilterItem;

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

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import { Button, Dropdown } from "antd";
-import { SwitchVertical01 } from "@pisell/icon";
+import SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
 var sortChildrenMap = {
   date: function date(key) {
     return [{

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

@@ -1,35 +1,63 @@
+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 = ["dataSource", "pagination", "value"];
 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 _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; }
 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 { Table, Form } from "antd";
-import React, { useMemo, useCallback } from "react";
+import React, { useState, useMemo, useCallback } from "react";
 import { FormPagination } from "../../Pagination";
+import { calcFilterSort } from "../Table/utils";
 var BasicTable = function BasicTable(props) {
   var _pagination$pageSizeO;
   var dataSource = props.dataSource,
     pagination = props.pagination,
     value = props.value,
     other = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    filter = _useState2[0],
+    setFilter = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sort = _useState4[0],
+    setSort = _useState4[1];
   var form = Form.useFormInstance();
   var formPagination = Form.useWatch("pagination", form) || {
     page: 1,
     size: 10
   };
-  var showTotal = pagination.showTotal;
+  var showTotal = pagination.showTotal,
+    localPagination = pagination.localPagination;
   var _showTotal = useCallback(function (total, range) {
-    var _size = formPagination.size;
+    var _size = formPagination.size || 10;
     return showTotal(total, range, _size);
   }, [showTotal, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
 
   // 分割数据源
   var _dataSource = useMemo(function () {
     var _page = formPagination.page;
-    var _size = formPagination.size;
+    var _size = formPagination.size || 10;
     var list = [];
     var _total = total;
-    if (dataSource.length > _size) {
-      list = dataSource;
+    if (localPagination) {
+      // 这里本地前端过滤筛选
+      list = calcFilterSort({
+        dataSource: dataSource,
+        columns: other.columns,
+        sort: sort,
+        filter: filter
+      });
       _total = list.length;
       list = list.slice((_page - 1) * _size, _page * _size);
     } else {
@@ -39,13 +67,26 @@ var BasicTable = function BasicTable(props) {
       list: list,
       total: _total
     };
-  }, [dataSource, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
+  }, [localPagination, dataSource, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size, filter, sort, other.columns]);
 
   // 总数
   var total = useMemo(function () {
+    // 如果dataSource.length > 当前分页时为前端分页处理 此时total优先取_dataSource中total
+    if (dataSource.length > formPagination.size) {
+      return (_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.total) || 0;
+    }
     return (pagination === null || pagination === void 0 ? void 0 : pagination.total) || (_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.total) || 0;
-  }, [dataSource, pagination]);
+  }, [_dataSource, pagination]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, _extends({}, other, {
+    onChange: function onChange(pagination, filters, sorter) {
+      form.setFieldsValue({
+        pagination: _objectSpread(_objectSpread({}, formPagination), {}, {
+          page: 1
+        })
+      });
+      setFilter(filters);
+      setSort(sorter);
+    },
     pagination: false,
     dataSource: _dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.list
   })), total > ((pagination === null || pagination === void 0 ? void 0 : (_pagination$pageSizeO = pagination.pageSizeOptions) === null || _pagination$pageSizeO === void 0 ? void 0 : _pagination$pageSizeO[0]) || 10) ? /*#__PURE__*/React.createElement(Form.Item, {

package/es/components/table/Table/AddFieldModal/index.js

@@ -39,7 +39,6 @@ var AddFieldModal = function AddFieldModal() {
     openModal = _useState4[0],
     setOpenModal = _useState4[1];
   var addField = function addField(values) {
-    console.log(values);
     var field_name = values.field_name;
     if (defaultColumns.find(function (d) {
       return d.dataIndex === field_name;

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

@@ -96,6 +96,18 @@ export declare const fieldMaps: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
+    pSwitch: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: boolean;
+        };
+        config: () => JSX.Element;
+        edit: import("react").ForwardRefExoticComponent<Omit<import("./types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+        sort: () => JSX.Element;
+        show: (props: import("./types").FieldPropsType) => JSX.Element;
+    };
 };
 export declare const fieldList: ({
     field_icon: string;
@@ -137,6 +149,11 @@ export declare const fieldList: ({
     field_name: string;
     field_type: string;
     default_value: string;
+} | {
+    field_icon: string;
+    field_name: string;
+    field_type: string;
+    default_value: boolean;
 })[];
 export declare const getFieldByType: (type: string) => {
     field: {
@@ -247,5 +264,17 @@ declare const _default: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
+    pSwitch: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: boolean;
+        };
+        config: () => JSX.Element;
+        edit: import("react").ForwardRefExoticComponent<Omit<import("./types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+        sort: () => JSX.Element;
+        show: (props: import("./types").FieldPropsType) => JSX.Element;
+    };
 };
 export default _default;

package/es/components/table/Table/fields/index.js

@@ -6,6 +6,7 @@ import text from "./text";
 import image from "./image";
 import rangePicker from "./rangePicker";
 import search from "./search";
+import pSwitch from "./pSwitch";
 export var fieldMaps = {
   text: text,
   link: link,
@@ -14,7 +15,8 @@ export var fieldMaps = {
   select: select,
   image: image,
   rangePicker: rangePicker,
-  search: search
+  search: search,
+  pSwitch: pSwitch
 };
 export var fieldList = Object.values(fieldMaps).map(function (d) {
   return d.field;
@@ -30,5 +32,6 @@ export default {
   select: select,
   image: image,
   rangePicker: rangePicker,
-  search: search
+  search: search,
+  pSwitch: pSwitch
 };

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

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

package/es/components/table/Table/fields/pSwitch/Config/index.js

@@ -0,0 +1,4 @@
+var Config = function Config() {
+  return /*#__PURE__*/React.createElement("div", null);
+};
+export default Config;

package/es/components/table/Table/fields/pSwitch/Edit/index.d.ts

@@ -0,0 +1,4 @@
+import { EditPropsType } from "../../types";
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<Omit<EditPropsType, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/table/Table/fields/pSwitch/Edit/index.js

@@ -0,0 +1,12 @@
+import { forwardRef } from "react";
+import React from "react";
+var Edit = function Edit(props, ref) {
+  var value = props.value,
+    onChange = props.onChange,
+    onPressEnter = props.onPressEnter,
+    onBlur = props.onBlur,
+    style = props.style,
+    bordered = props.bordered;
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+export default /*#__PURE__*/forwardRef(Edit);

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

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

package/es/components/table/Table/fields/pSwitch/Show/index.js

@@ -0,0 +1,24 @@
+var _excluded = ["title", "editable", "dataIndex", "field_type", "record", "handleSave", "onChange"];
+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 { Switch } from "antd";
+import React from "react";
+var Show = function Show(props) {
+  var title = props.title,
+    editable = props.editable,
+    dataIndex = props.dataIndex,
+    field_type = props.field_type,
+    record = props.record,
+    handleSave = props.handleSave,
+    _onChange = props.onChange,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: record[dataIndex],
+    onChange: function onChange(e) {
+      _onChange && _onChange(e, record);
+    }
+  }));
+};
+export default Show;

package/es/components/table/Table/fields/pSwitch/Sort/index.d.ts

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

package/es/components/table/Table/fields/pSwitch/Sort/index.js

@@ -0,0 +1,4 @@
+var Sort = function Sort() {
+  return /*#__PURE__*/React.createElement("div", null);
+};
+export default Sort;

package/es/components/table/Table/fields/pSwitch/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: boolean;
+    };
+    config: () => JSX.Element;
+    edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
+};
+export default _default;

package/es/components/table/Table/fields/pSwitch/index.js

@@ -0,0 +1,17 @@
+import Config from "./Config";
+import Edit from "./Edit";
+import Show from "./Show";
+import Sort from "./Sort";
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "Switch",
+  field_type: "pSwitch",
+  default_value: false
+};
+export default {
+  field: field,
+  config: Config,
+  edit: Edit,
+  sort: Sort,
+  show: Show
+};

package/es/components/table/Table/fields/rangePicker/Edit/index.js

@@ -71,7 +71,6 @@ var Edit = function Edit(props, ref) {
     }
     return true;
   }, [showTime]);
-  console.log(dayjsVal, 'dayjsVal');
   return /*#__PURE__*/React.createElement(RangePicker, _extends({}, others, {
     format: format,
     showTime: _showTime,

package/es/components/table/Table/fields/types/index.d.ts

@@ -10,8 +10,9 @@ export declare type FieldPropsType = {
         label: string;
     }[];
     handleSave: () => void;
+    onChange: (value: any, record: any) => void;
 };
-export declare type FieldType = 'text' | 'image';
+export declare type FieldType = "text" | "image";
 export declare type EditPropsType = {
     value: any;
     onChange: (v: any) => void;

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

@@ -23,6 +23,10 @@ import SortRow from "./tableConfig/SortRow";
 import Body from "./tableConfig/body";
 import Header from "./tableConfig/header";
 import { paginationConfig } from "../../Pagination";
+import getColumnStringProps from "../TableFilter/stringFilter";
+import getColumnNumberProps from "../TableFilter/numberFilter";
+import getColumnSelectProps from "../TableFilter/selectFilter";
+import SortIcon from "../TableFilter/SortIcon";
 var GridViewTable = function GridViewTable(_ref) {
   var tableProps = _ref.tableProps;
   var responsive = useResponsive();
@@ -58,6 +62,7 @@ var GridViewTable = function GridViewTable(_ref) {
   };
   var columns = useMemo(function () {
     return defaultColumns.map(function (col, index) {
+      var _col$filters;
       if (!col.editable) {
         return col;
       }
@@ -67,9 +72,38 @@ var GridViewTable = function GridViewTable(_ref) {
         title: col.title,
         field_type: col.field_type,
         lock: col.lock,
-        width: col.width || 0
+        width: col.width || 0,
+        render: col.render
       };
-      return _objectSpread(_objectSpread({}, col), {}, {
+      var filterObj = {};
+
+      // 开启默认筛选后根据字段类型渲染表头筛选
+      if (col.defaultFilters) {
+        if (col.field_type === "number") {
+          filterObj = getColumnNumberProps({
+            dataIndex: col.dataIndex
+          });
+        }
+        if (col.field_type === "text") {
+          filterObj = getColumnStringProps({
+            dataIndex: col.dataIndex
+          });
+        }
+      }
+
+      // 表头的筛选菜单项
+      if (((_col$filters = col.filters) === null || _col$filters === void 0 ? void 0 : _col$filters.length) > 0) {
+        filterObj = _objectSpread(_objectSpread({}, getColumnSelectProps({
+          dataIndex: col.dataIndex,
+          filters: col.filters
+        })), {}, {
+          filters: col.filters
+        });
+      }
+      return _objectSpread(_objectSpread(_objectSpread({}, col), filterObj), {}, {
+        sortIcon: function sortIcon(props) {
+          return /*#__PURE__*/React.createElement(SortIcon, props);
+        },
         onCell: function onCell(record) {
           return _objectSpread(_objectSpread({
             record: record

package/es/components/table/Table/tableConfig/body/CellProvider/index.js

@@ -29,7 +29,11 @@ var CellProvider = function CellProvider(props) {
     dataIndex = props.dataIndex,
     field_type = props.field_type,
     record = props.record,
-    handleSave = props.handleSave;
+    handleSave = props.handleSave,
+    render = props.render;
+  if (render) {
+    return children;
+  }
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     editing = _useState2[0],

package/es/components/table/Table/tableConfig/body/index.d.ts

@@ -22,6 +22,7 @@ interface EditableCellProps {
     handleSave: (record: Item) => void;
     className?: string;
     lock?: any;
+    render?: any;
 }
 declare const _default: {
     Row: React.FC<RowProps>;

package/es/components/table/Table/tableConfig/body/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["index"],
-  _excluded2 = ["title", "editable", "children", "dataIndex", "field_type", "record", "handleSave", "lock"];
+  _excluded2 = ["title", "editable", "children", "dataIndex", "field_type", "record", "handleSave", "lock", "render"];
 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."); }
@@ -37,6 +37,7 @@ var EditableCell = function EditableCell(props) {
     record = props.record,
     handleSave = props.handleSave,
     lock = props.lock,
+    render = props.render,
     restProps = _objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
     className: classNames(restProps.className, "ant-table-cell", "materials-grid-table-cell")

package/es/components/table/Table/tableConfig/header/CellProvider/index.less

@@ -15,7 +15,7 @@
     font-weight: 600;
     font-size: 14px;
     color: #1B1B1B;
-    overflow: hidden;
+    //overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;

package/es/components/table/Table/tableConfig/summary/index.js

@@ -1,7 +1,6 @@
 import { Table } from "antd";
 import React from "react";
 var summary = function summary(props) {
-  console.log("summary", props);
   return /*#__PURE__*/React.createElement(Table.Summary, {
     fixed: true
   }, /*#__PURE__*/React.createElement(Table.Summary.Row, null, /*#__PURE__*/React.createElement(Table.Summary.Cell, {

package/es/components/table/Table/utils.d.ts

@@ -0,0 +1 @@
+export declare const calcFilterSort: ({ dataSource, filter, sort, columns }: any) => any;

package/es/components/table/Table/utils.js

@@ -0,0 +1,70 @@
+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 dayjs from "dayjs";
+var transColumnsMap = function transColumnsMap(columns) {
+  return columns.reduce(function (p, c) {
+    return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, c.dataIndex, c));
+  }, {});
+};
+var filterFnMap = {
+  text: function text(value, record, dataIndex) {
+    var _record$dataIndex;
+    return (_record$dataIndex = record[dataIndex]) === null || _record$dataIndex === void 0 ? void 0 : _record$dataIndex.toString().toLowerCase().includes(value.toLowerCase());
+  },
+  number: function number(value, record, dataIndex) {
+    return record[dataIndex] >= value.min && record[dataIndex] <= value.max;
+  },
+  filters: function filters(value, record, dataIndex) {
+    var _record$dataIndex2;
+    return value.map(function (item) {
+      return item.toLowerCase();
+    }).includes((_record$dataIndex2 = record[dataIndex]) === null || _record$dataIndex2 === void 0 ? void 0 : _record$dataIndex2.toString().toLowerCase());
+  }
+};
+var sorter = function sorter(item) {
+  return function (a, b) {
+    if (item.field_type === "date") {
+      return dayjs(a[item.dataIndex]).valueOf() - dayjs(b[item.dataIndex]).valueOf();
+    }
+    return a[item.dataIndex] - b[item.dataIndex];
+  };
+};
+export var calcFilterSort = function calcFilterSort(_ref) {
+  var dataSource = _ref.dataSource,
+    filter = _ref.filter,
+    sort = _ref.sort,
+    columns = _ref.columns;
+  var columnMap = transColumnsMap(columns);
+  var newDataSource = dataSource.filter(function (item) {
+    return Object.keys(filter || {}).every(function (f) {
+      var _filter$f, _columnDetail$filters;
+      if (!((_filter$f = filter[f]) !== null && _filter$f !== void 0 && _filter$f.length)) return true;
+      var columnDetail = columnMap[f];
+      if (((_columnDetail$filters = columnDetail.filters) === null || _columnDetail$filters === void 0 ? void 0 : _columnDetail$filters.length) > 0) {
+        return filterFnMap["filters"](filter[f][0], item, columnDetail.dataIndex);
+      }
+      if (columnDetail.field_type === "text") {
+        return filterFnMap[columnDetail.field_type](filter[f][0], item, columnDetail.dataIndex);
+      } else if (columnDetail.field_type === "number") {
+        return filterFnMap[columnDetail.field_type](filter[f][0], item, columnDetail.dataIndex);
+      }
+      return true;
+    });
+  });
+  if (sort !== null && sort !== void 0 && sort.order) {
+    newDataSource.sort(function (a, b) {
+      var order = sort.order;
+      if (order === "descend") {
+        return sorter(sort.column)(b, a);
+      }
+      if (order === "ascend") {
+        return sorter(sort.column)(a, b);
+      }
+    });
+  }
+  return newDataSource;
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface SortIconProps {
+    sortOrder: null | "ascend" | "descend";
+}
+declare const SortIcon: (props: SortIconProps) => JSX.Element;
+export default SortIcon;