@pisell/materials 3.0.67 → 3.2.2

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

@@ -1,7 +1,5 @@
 @pisell-prefix: pisell-lowcode;
 
-
-
 .@{pisell-prefix} {
   &-record-view {
     .pisell-lowcode-pagination {
@@ -12,6 +10,25 @@
       border: none;
     }
   }
+
+  &-list-title {
+    color: #000;
+
+    /* Text md/Semibold */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    margin: 0;
+  }
+  &-list-tag {
+    border-radius: 16px;
+    border: 1px solid var(--Gray-200, #eaecf0);
+    background: var(--Gray-50, #f9fafb);
+    mix-blend-mode: multiply;
+  }
+
   &-empty-button {
     display: flex;
     justify-content: center;
@@ -45,4 +62,22 @@
   &-scroll-skeleton {
     padding: 12px 24px;
   }
+
+  &-record-view-double-list {
+  }
+  &-record-view-double-list-item {
+  }
+  &-record-view-double-list-item-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+    color: #000;
+
+    /* Text md/Semibold */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+  }
 }

package/lib/components/select/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/select/index.tsx
@@ -22,10 +32,15 @@ __export(select_exports, {
   default: () => select_default
 });
 module.exports = __toCommonJS(select_exports);
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_react = require("react");
-var import_locales = require("../../locales");
 var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_iconfont = __toESM(require("../iconfont"));
+var import_locales = require("../../locales");
+var import_hoc = require("../../utils/hoc");
+var import_browserSelect = __toESM(require("../browserSelect"));
+var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var SelectBase = (0, import_react.forwardRef)((props, ref) => {
@@ -34,40 +49,84 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
     selectAll,
     mode,
     options,
-    dropdownRender: propsDropdownRender
+    dropdownRender: propsDropdownRender,
+    showSearch,
+    styleType,
+    optionFilterProp = "value",
+    popupClassName,
+    onDropdownVisibleChange
   } = props;
+  const { platform } = (0, import_usePisellConfig.default)();
+  const searchInputRef = (0, import_react.useRef)(null);
   const [state, setState] = (0, import_ahooks.useControllableValue)(props);
+  const [searchValue, setSearchValue] = (0, import_react.useState)("");
+  const filteredOptions = (0, import_react.useMemo)(() => {
+    if (!searchValue) return options;
+    return (options || []).filter(
+      (option) => {
+        var _a;
+        const optionValue = ((_a = option[optionFilterProp]) == null ? void 0 : _a.toString().toLowerCase()) || "";
+        return optionValue.includes(searchValue.toLowerCase());
+      }
+    );
+  }, [options, searchValue, optionFilterProp]);
   const onSelectAllChange = (0, import_ahooks.useMemoizedFn)((e) => {
     if (e.target.checked) {
       setState(
-        options.map((item) => item.value),
-        options
+        filteredOptions.map((item) => item.value),
+        filteredOptions
       );
     } else {
       setState([], []);
     }
   });
+  const handleDropdownVisibleChange = (0, import_ahooks.useMemoizedFn)((visible) => {
+    if (!visible) {
+      setSearchValue("");
+    } else {
+      if (platform === "pc") {
+        setTimeout(() => {
+          var _a;
+          (_a = searchInputRef.current) == null ? void 0 : _a.focus();
+        }, 200);
+      }
+    }
+    onDropdownVisibleChange == null ? void 0 : onDropdownVisibleChange(visible);
+  });
   const isShowSelectAll = (0, import_react.useMemo)(() => {
     return mode === "multiple" && isShowDropdown && selectAll;
   }, [mode, selectAll, isShowDropdown]);
   const checkboxChecked = (0, import_react.useMemo)(() => {
-    if (mode !== "multiple")
-      return false;
-    return (state == null ? void 0 : state.length) === (options == null ? void 0 : options.length) && state.sort().join("") === options.map((item) => item.value).sort().join("");
-  }, [state, options]);
+    var _a, _b, _c;
+    if (mode !== "multiple") return false;
+    return (state == null ? void 0 : state.length) === (filteredOptions == null ? void 0 : filteredOptions.length) && ((_a = state == null ? void 0 : state.sort()) == null ? void 0 : _a.join("")) === ((_c = (_b = filteredOptions == null ? void 0 : filteredOptions.map((item) => item.value)) == null ? void 0 : _b.sort()) == null ? void 0 : _c.join(""));
+  }, [state, filteredOptions]);
   const dropdownRender = (0, import_react.useCallback)(
     propsDropdownRender ? propsDropdownRender : (originNode) => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, originNode, isShowDropdown && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showSearch && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Input,
+        {
+          ref: searchInputRef,
+          className: "pisell-select-search-input",
+          size: "middle",
+          placeholder: (0, import_locales.getText)("select-dropdown-render-search"),
+          value: searchValue,
+          onChange: (e) => setSearchValue(e.target.value),
+          bordered: false,
+          allowClear: true,
+          prefix: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { style: { color: "#98A2B3" }, type: "pisell2-search-lg" })
+        }
+      ), originNode, isShowDropdown && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Divider,
         {
           className: `${prefix}select-dropdown-render-divider`
         }
-      ), /* @__PURE__ */ React.createElement(
+      ), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: `${prefix}select-dropdown-render-options-wrap`
         },
-        isShowSelectAll && /* @__PURE__ */ React.createElement(
+        isShowSelectAll && /* @__PURE__ */ import_react.default.createElement(
           import_antd.Checkbox,
           {
             onChange: onSelectAllChange,
@@ -77,18 +136,34 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
         )
       )));
     },
-    [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender]
+    [
+      isShowDropdown,
+      isShowSelectAll,
+      checkboxChecked,
+      propsDropdownRender,
+      searchValue,
+      showSearch
+    ]
   );
-  return /* @__PURE__ */ React.createElement(
+  if (styleType === "system") {
+    return /* @__PURE__ */ import_react.default.createElement(import_browserSelect.default, { ...props });
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Select,
     {
       ...props,
+      defaultActiveFirstOption: false,
+      onDropdownVisibleChange: handleDropdownVisibleChange,
+      showSearch: false,
       ref,
       value: state,
       onChange: (value, option) => setState(value, option),
-      dropdownRender
+      dropdownRender,
+      options: filteredOptions,
+      popupClassName: (0, import_classnames.default)("pisell-base-select-dropdown", popupClassName)
     }
   );
 });
-var Select = SelectBase;
+var Select = (0, import_hoc.withWrap)(SelectBase);
+Select.Option = import_antd.Select.Option;
 var select_default = Select;

package/lib/components/select/index.less

@@ -9,3 +9,22 @@
     padding: 0 5px 5px;
   }
 }
+
+// 添加选项间距
+.pisell-base-select-dropdown {
+  .pisell-lowcode-select-item {
+    margin-bottom: 4px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.pisell-select-search-input {
+  width: 100%;
+  margin-bottom: 4px;
+
+  box-shadow: none !important;
+  border-color: transparent !important;
+}

package/lib/components/select-time/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";
@@ -10,5 +9,5 @@ interface SelectTimeProps {
     timeProps: VirtualKeyboardTimeProps;
     slice: number;
 }
-declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
+declare const SelectTime: (props: SelectTimeProps) => JSX.Element;
 export default SelectTime;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {
@@ -11,5 +11,5 @@ interface InlineMenuProps {
  * @param props
  * @constructor
  */
-declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+declare const InlineMenu: (props: InlineMenuProps) => JSX.Element;
 export default InlineMenu;

package/lib/components/sort/index.js

@@ -102,7 +102,7 @@ var Sort = ({
         key: d.name,
         label: d.label,
         children: sortChildrenMap[d.type](d.name, !!(d == null ? void 0 : d.localFilter)),
-        popupClassName: `${prefix}sort-sub-menu-popup-wrap`,
+        popupClassName: `${prefix}sort-sub-menu-popup-wrap ${prefix}dropdown-css-var`,
         // 增加显示隐藏配置
         className: `${d.isHidden ? `${prefix}sort-menu-wrap-hide` : ""}`
       };

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

@@ -6,5 +6,5 @@ declare type PopoverContentProps = {
     isShowTitle?: boolean;
     headerContent?: React.ReactNode;
 };
-declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+declare const PopoverContent: (props: PopoverContentProps) => JSX.Element;
 export default PopoverContent;

package/lib/components/table/Actions/component/ColumnsSetting/PopoverContent.js

@@ -92,8 +92,7 @@ var PopoverContent = (props) => {
         return `${item.key}-${(_a = item.dataIndex) == null ? void 0 : _a.toString()}`;
       },
       onChange: (list) => {
-        if (!(0, import_utils.isFixedOrderValid)(list))
-          return;
+        if (!(0, import_utils.isFixedOrderValid)(list)) return;
         onChange == null ? void 0 : onChange(
           list.map((item, index) => ({
             ...item,

package/lib/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;
 };
-declare const ColumnsSetting: (props: ColumnsSettingProps) => React.JSX.Element;
+declare const ColumnsSetting: (props: ColumnsSettingProps) => JSX.Element;
 export default ColumnsSetting;

package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ExportFile;

package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {
     onChange: any;
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ExportTable;

package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {
     exportImport: ExportImportType;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ImportLog;

package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {
@@ -6,5 +5,5 @@ declare type ImportTableProps = {
     exportImport: ExportImportType;
     errorStatus: string | null;
 };
-declare const ImportTable: (props: ImportTableProps) => React.JSX.Element;
+declare const ImportTable: (props: ImportTableProps) => JSX.Element;
 export default ImportTable;

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {
     exportImport: ExportImportType;
 };
-declare const ExportImport: ({ exportImport }: ExportImportProps) => React.JSX.Element;
+declare const ExportImport: ({ exportImport }: ExportImportProps) => JSX.Element;
 export default ExportImport;

package/lib/components/table/Actions/component/ExportImport/index.js

@@ -82,8 +82,7 @@ var ExportImport = ({ exportImport }) => {
     return result;
   }, [exportImport == null ? void 0 : exportImport.hiddenKeys]);
   const Content = (0, import_react.useMemo)(() => {
-    if (!value)
-      return null;
+    if (!value) return null;
     return Com[value];
   }, [value]);
   const _footer = (0, import_react.useMemo)(() => {
@@ -97,8 +96,7 @@ var ExportImport = ({ exportImport }) => {
     return types.includes(value) ? 900 : import_status.defaultOptions.importValue ? 600 : 400;
   }, [value]);
   const _title = (0, import_react.useMemo)(() => {
-    if (!value)
-      return null;
+    if (!value) return null;
     const types = import_status.defaultOptions.okShowButtonTypes;
     const lang = (0, import_locale.getCurrentLocale)();
     const isEn = lang === "en-US" || lang === "en";

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {
     setting: GallerySettingType;
     currentViewMode: ModeType;
 };
-declare const GallerySetting: (props: GallerySettingProps) => React.JSX.Element;
+declare const GallerySetting: (props: GallerySettingProps) => JSX.Element;
 export default GallerySetting;

package/lib/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {
@@ -9,5 +8,5 @@ declare type PopoverContentProps = {
     onChange?: (value: GroupValue) => void;
     value?: GroupValue;
 };
-declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+declare const PopoverContent: (props: PopoverContentProps) => JSX.Element;
 export default PopoverContent;

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;
@@ -9,5 +9,5 @@ declare type GroupProps = {
         field: string | number;
     }[]) => void;
 };
-declare const Group: (props: GroupProps) => React.JSX.Element;
+declare const Group: (props: GroupProps) => JSX.Element;
 export default Group;

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;
     value?: ModeType;
     onChange?: (value: ModeType) => void;
 };
-declare const ViewMode: (props: ViewModeProps) => React.JSX.Element;
+declare const ViewMode: (props: ViewModeProps) => JSX.Element;
 export default ViewMode;

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

@@ -63,6 +63,9 @@ var Actions = ({
     preserve: true
   });
   const showActions = (0, import_react.useMemo)(() => {
+    if (import_react.default.isValidElement(filter)) {
+      return true;
+    }
     return (filter == null ? void 0 : filter.show) || (sort == null ? void 0 : sort.show) || (columnSetting == null ? void 0 : columnSetting.show) || (dataSourceGroup == null ? void 0 : dataSourceGroup.show) || view.multiple || (exportImport == null ? void 0 : exportImport.show);
   }, [
     filter == null ? void 0 : filter.show,
@@ -72,16 +75,22 @@ var Actions = ({
     view.multiple,
     exportImport == null ? void 0 : exportImport.show
   ]);
-  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_filter.default,
-    {
-      filter,
-      isRenderFormContent: false,
-      tableId,
-      viewMode,
-      isMobile: isMobileBool
+  const filterRender = (0, import_react.useMemo)(() => {
+    if (import_react.default.isValidElement(filter)) {
+      return filter;
     }
-  )), /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_filter.default,
+      {
+        filter,
+        isRenderFormContent: false,
+        tableId,
+        viewMode,
+        isMobile: isMobileBool
+      }
+    );
+  }, [filter, tableId, viewMode, isMobileBool]);
+  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, filterRender), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "right-wrap",

package/lib/components/table/BasicTable/index.d.ts

@@ -1,4 +1,3 @@
 import { TableProps } from 'antd';
-import React from 'react';
-declare const BasicTable: (props: TableProps<any>) => React.JSX.Element;
+declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];
@@ -6,5 +6,5 @@ declare type CoverProps = {
     coverField: GallerySettingValueType["coverField"];
     coverObjectFit: GallerySettingValueType["coverObjectFit"];
 };
-declare const Cover: (props: CoverProps) => React.JSX.Element;
+declare const Cover: (props: CoverProps) => JSX.Element;
 export default Cover;

package/lib/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];
@@ -7,5 +6,5 @@ declare type RenderFieldsProps = {
     showMode: "inline" | "block";
     isShowLabel?: boolean;
 };
-declare const RenderFields: (props: RenderFieldsProps) => React.JSX.Element;
+declare const RenderFields: (props: RenderFieldsProps) => JSX.Element;
 export default RenderFields;

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {
     record: Record<string, any>;
     columnsMap: Map<string, Record<string, any>>;
 };
-declare const Title: (props: TitleProps) => React.JSX.Element;
+declare const Title: (props: TitleProps) => JSX.Element;
 export default Title;

package/lib/components/table/Gallery/components/GalleryItem/index.d.ts

@@ -10,5 +10,5 @@ declare type GalleryItemProps = {
     columns: Record<string, any>[];
     onClick: React.MouseEventHandler<HTMLDivElement>;
 };
-declare const GalleryItem: (props: GalleryItemProps) => React.JSX.Element;
+declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
 export default GalleryItem;

package/lib/components/table/Gallery/components/VirtualGrid/index.d.ts

@@ -9,5 +9,5 @@ declare type VirtualGridProps = {
     rowHeight: number;
     paddingTop: number;
 };
-declare const VirtualGrid: (props: VirtualGridProps) => React.JSX.Element;
+declare const VirtualGrid: (props: VirtualGridProps) => JSX.Element;
 export default VirtualGrid;

package/lib/components/table/Gallery/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Gallery_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
+var import_Pagination = require("../../Pagination");
 var import_useTransDataSource = __toESM(require("../hooks/useTransDataSource"));
 var import_hooks = require("../../../hooks");
 var import_model = require("../model");
@@ -96,6 +97,9 @@ var Gallery = (props) => {
     },
     [gallery_setting, gallery, columnsMap, column_setting]
   );
+  const total = (0, import_react.useMemo)(() => {
+    return pagination == null ? void 0 : pagination.total;
+  }, [pagination]);
   const gap = (0, import_react.useMemo)(() => {
     return [horizontalGutter, verticalGutter];
   }, [horizontalGutter, verticalGutter]);
@@ -153,6 +157,19 @@ var Gallery = (props) => {
       gap,
       rowHeight
     }
+  ), !pagination.localPagination && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: "pagination",
+      style: {
+        margin: 0,
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Pagination.FormPagination, { ...pagination, total })
   )));
 };
 var Gallery_default = (0, import_react.memo)(Gallery);

package/lib/components/table/Gallery/index.less

@@ -14,6 +14,7 @@
     flex: 1 1 auto;
     height: 100%;
     overflow: hidden;
+    position: relative;
   }
   &-gallery-item-wrap {
     cursor: pointer;