@pisell/materials 1.0.319 → 1.0.321

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

@@ -1,15 +1,15 @@
-import React from "react";
-import { SortableItemProps } from "../DragSortList";
-import "./index.less";
+import React from 'react';
+import { SortableItemProps } from '../DragSortList';
+import './index.less';
 declare type IdType = string | number;
 export interface MultipleContainersSortListProps<T> {
     list: Record<string, T[]>;
     vertical?: boolean;
     wrapStyle?: React.CSSProperties;
     onChange: (val: Record<string, T[]>) => void;
-    renderContainer?: DefaultRenderContainerProps["renderContainer"];
+    renderContainer?: DefaultRenderContainerProps['renderContainer'];
     rowKey: IdType | ((val: T) => IdType);
-    children: SortableItemProps<T>["children"];
+    children: SortableItemProps<T>['children'];
     quickFilterMaxLength: number;
 }
 export declare const TRASH_ID = "void";

package/es/components/MultipleContainersSortList/index.js

@@ -14,14 +14,14 @@ 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(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 { DndContext } from "@dnd-kit/core";
-import { SortableContext, arrayMove, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
-import { isFunction } from "@pisell/utils";
-import React, { useCallback, useEffect, useState } from "react";
+import { DndContext } from '@dnd-kit/core';
+import { SortableContext, arrayMove, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { isFunction } from '@pisell/utils';
+import React, { useCallback, useEffect, useState } from 'react';
 import { SortableItem } from "../DragSortList";
 import "./index.less";
 import { getText } from "../../locales";
-export var TRASH_ID = "void";
+export var TRASH_ID = 'void';
 var DefaultRenderContainer = function DefaultRenderContainer(props) {
   var id = props.id,
     children = props.children,
@@ -48,7 +48,7 @@ var MultipleContainersSortList = function MultipleContainersSortList(props) {
     onChange = props.onChange,
     renderContainer = props.renderContainer,
     _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
     quickFilterMaxLength = props.quickFilterMaxLength;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -106,7 +106,7 @@ var MultipleContainersSortList = function MultipleContainersSortList(props) {
       var newList = _objectSpread(_objectSpread({}, list), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, activeContainer, list[activeContainer].filter(function (item) {
         return getRowKey(item) !== active.id;
       })), _defineProperty(_objectSpread2, overContainer, [].concat(_toConsumableArray(list[overContainer].slice(0, newIndex)), [list[activeContainer][activeIndex]], _toConsumableArray(list[overContainer].slice(newIndex, list[overContainer].length)))), _objectSpread2));
-      if (overContainer === "quickFilter" && newList[overContainer].length > quickFilterMaxLength) {
+      if (overContainer === 'quickFilter' && newList[overContainer].length > quickFilterMaxLength) {
         var _objectSpread3;
         newList = _objectSpread(_objectSpread({}, newList), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, overContainer, newList[overContainer].slice(0, quickFilterMaxLength)), _defineProperty(_objectSpread3, activeContainer, [].concat(_toConsumableArray(newList[overContainer].slice(quickFilterMaxLength)), _toConsumableArray(newList[activeContainer]))), _objectSpread3));
       }
@@ -152,15 +152,15 @@ var MultipleContainersSortList = function MultipleContainersSortList(props) {
       }),
       strategy: verticalListSortingStrategy
     }, list[container].length ? list[container].map(function (item, index) {
-      return /*#__PURE__*/React.createElement(SortableItem, {
+      return !(item !== null && item !== void 0 && item.isHidden) ? /*#__PURE__*/React.createElement(SortableItem, {
         key: getRowKey(item),
         id: getRowKey(item),
         item: item,
         index: index
-      }, children);
+      }, children) : null;
     }) : /*#__PURE__*/React.createElement("span", {
       className: "materials-sort-list-empty"
-    }, getText("table-action-filter-no-filter"))));
+    }, getText('table-action-filter-no-filter'))));
   })));
 };
 export default MultipleContainersSortList;

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

@@ -1,6 +1,6 @@
-import type { FormInstance } from "antd/es/form";
-import React from "react";
-import "./index.less";
+import type { FormInstance } from 'antd/es/form';
+import React from 'react';
+import './index.less';
 export declare const EditableContext: React.Context<FormInstance<any> | null>;
 interface Item {
     key: string;
@@ -10,7 +10,7 @@ interface Item {
 }
 export interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     index: number;
-    "data-row-key": string;
+    'data-row-key': string;
     __is_group?: boolean;
     __table_group_field?: string;
     __is_drag_sort?: boolean;

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

@@ -15,12 +15,12 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 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 { Form, Tooltip } from "antd";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { MenuOutlined } from "@ant-design/icons";
-import classNames from "classnames";
-import React, { useMemo } from "react";
+import { Form, Tooltip } from 'antd';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { MenuOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
 import CellProvider from "./CellProvider";
 import { getText } from "../../../../../locales";
 import "./index.less";
@@ -35,9 +35,9 @@ var EditableRow = function EditableRow(_ref) {
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var parentForm = Form.useFormInstance();
-  var order_by = Form.useWatch("order_by", parentForm);
+  var order_by = Form.useWatch('order_by', parentForm);
   var _useSortable = useSortable({
-      id: props["data-row-key"]
+      id: props['data-row-key']
     }),
     attributes = _useSortable.attributes,
     listeners = _useSortable.listeners,
@@ -52,7 +52,7 @@ var EditableRow = function EditableRow(_ref) {
     })),
     transition: transition
   }, isDragging && __is_drag_sort ? {
-    position: "relative",
+    position: 'relative',
     zIndex: 9999
   } : {});
   var cells = useMemo(function () {
@@ -60,20 +60,14 @@ var EditableRow = function EditableRow(_ref) {
       return children;
     }
     return React.Children.map(children, function (child) {
-      if (child.key === "__sort") {
+      if (child.key === '__sort') {
         var handleIcon = order_by ? /*#__PURE__*/React.createElement(Tooltip, {
-          title: getText("table-column-drag-sort-disabled-tip")
+          title: getText('table-column-drag-sort-disabled-tip')
         }, /*#__PURE__*/React.createElement(MenuOutlined, {
-          style: {
-            touchAction: "none",
-            cursor: "move"
-          }
+          className: "pisell-lowcode-menu-out-lined-icon"
         })) : /*#__PURE__*/React.createElement(MenuOutlined, _extends({
           ref: setActivatorNodeRef,
-          style: {
-            touchAction: "none",
-            cursor: "move"
-          }
+          className: "pisell-lowcode-menu-out-lined-icon"
         }, listeners));
         return /*#__PURE__*/React.cloneElement(child, {
           children: handleIcon
@@ -108,7 +102,7 @@ var EditableCell = function EditableCell(props) {
     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")
+    className: classNames(restProps.className, 'ant-table-cell', 'materials-grid-table-cell')
   }), /*#__PURE__*/React.createElement(CellProvider, props));
 };
 export default {

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

@@ -3,6 +3,19 @@
   height: 100%;
 }
 
+.pisell-lowcode-menu-out-lined-icon{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: move;
+  touch-action: none;
+}
+
 .materials-grid-table-cell {
   padding: 12px;
 }

package/es/components/table/index.less

@@ -29,6 +29,9 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        position: absolute;
+        top: 0;
+        left: 0;
       }
     }
   }
@@ -42,6 +45,9 @@
       display: flex;
       align-items: center;
       justify-content: center;
+      position: absolute;
+      top: 0;
+      left: 0;
     }
   }
 

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

@@ -1,15 +1,15 @@
-import React from "react";
-import { SortableItemProps } from "../DragSortList";
-import "./index.less";
+import React from 'react';
+import { SortableItemProps } from '../DragSortList';
+import './index.less';
 declare type IdType = string | number;
 export interface MultipleContainersSortListProps<T> {
     list: Record<string, T[]>;
     vertical?: boolean;
     wrapStyle?: React.CSSProperties;
     onChange: (val: Record<string, T[]>) => void;
-    renderContainer?: DefaultRenderContainerProps["renderContainer"];
+    renderContainer?: DefaultRenderContainerProps['renderContainer'];
     rowKey: IdType | ((val: T) => IdType);
-    children: SortableItemProps<T>["children"];
+    children: SortableItemProps<T>['children'];
     quickFilterMaxLength: number;
 }
 export declare const TRASH_ID = "void";

package/lib/components/MultipleContainersSortList/index.js

@@ -123,7 +123,10 @@ var MultipleContainersSortList = (props) => {
       if (overContainer === "quickFilter" && newList[overContainer].length > quickFilterMaxLength) {
         newList = {
           ...newList,
-          [overContainer]: newList[overContainer].slice(0, quickFilterMaxLength),
+          [overContainer]: newList[overContainer].slice(
+            0,
+            quickFilterMaxLength
+          ),
           [activeContainer]: [
             ...newList[overContainer].slice(quickFilterMaxLength),
             ...newList[activeContainer]
@@ -174,16 +177,18 @@ var MultipleContainersSortList = (props) => {
         items: list[container].map((item) => getRowKey(item)),
         strategy: import_sortable.verticalListSortingStrategy
       },
-      list[container].length ? list[container].map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-        import_DragSortList.SortableItem,
-        {
-          key: getRowKey(item),
-          id: getRowKey(item),
-          item,
-          index
-        },
-        children
-      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, (0, import_locales.getText)("table-action-filter-no-filter"))
+      list[container].length ? list[container].map(
+        (item, index) => !(item == null ? void 0 : item.isHidden) ? /* @__PURE__ */ import_react.default.createElement(
+          import_DragSortList.SortableItem,
+          {
+            key: getRowKey(item),
+            id: getRowKey(item),
+            item,
+            index
+          },
+          children
+        ) : null
+      ) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, (0, import_locales.getText)("table-action-filter-no-filter"))
     )
   ))));
 };

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

@@ -1,6 +1,6 @@
-import type { FormInstance } from "antd/es/form";
-import React from "react";
-import "./index.less";
+import type { FormInstance } from 'antd/es/form';
+import React from 'react';
+import './index.less';
 export declare const EditableContext: React.Context<FormInstance<any> | null>;
 interface Item {
     key: string;
@@ -10,7 +10,7 @@ interface Item {
 }
 export interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     index: number;
-    "data-row-key": string;
+    'data-row-key': string;
     __is_group?: boolean;
     __table_group_field?: string;
     __is_drag_sort?: boolean;

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

@@ -80,11 +80,11 @@ var EditableRow = ({
     }
     return import_react.default.Children.map(children, (child) => {
       if (child.key === "__sort") {
-        const handleIcon = order_by ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: (0, import_locales.getText)("table-column-drag-sort-disabled-tip") }, /* @__PURE__ */ import_react.default.createElement(import_icons.MenuOutlined, { style: { touchAction: "none", cursor: "move" } })) : /* @__PURE__ */ import_react.default.createElement(
+        const handleIcon = order_by ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: (0, import_locales.getText)("table-column-drag-sort-disabled-tip") }, /* @__PURE__ */ import_react.default.createElement(import_icons.MenuOutlined, { className: "pisell-lowcode-menu-out-lined-icon" })) : /* @__PURE__ */ import_react.default.createElement(
           import_icons.MenuOutlined,
           {
             ref: setActivatorNodeRef,
-            style: { touchAction: "none", cursor: "move" },
+            className: "pisell-lowcode-menu-out-lined-icon",
             ...listeners
           }
         );

package/lib/components/table/Table/tableConfig/body/index.less

@@ -3,6 +3,19 @@
   height: 100%;
 }
 
+.pisell-lowcode-menu-out-lined-icon{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: move;
+  touch-action: none;
+}
+
 .materials-grid-table-cell {
   padding: 12px;
 }

package/lib/components/table/index.less

@@ -29,6 +29,9 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        position: absolute;
+        top: 0;
+        left: 0;
       }
     }
   }
@@ -42,6 +45,9 @@
       display: flex;
       align-items: center;
       justify-content: center;
+      position: absolute;
+      top: 0;
+      left: 0;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.319",
+  "version": "1.0.321",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",