@pisell/materials 3.0.1 → 3.0.2

package/es/locales/zh-TW.js

@@ -32,5 +32,6 @@ export default {
   "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段，以便更好地組織和瀏覽數據。",
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
-  "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳"
+  "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
+  "table-action-filter-no-filter": "沒有可用的篩選器。"
 };

package/es/utils/platform.js

@@ -2,7 +2,7 @@ import { isMobile as isMobileUtils } from "@pisell/utils";
 import { isBrowser } from "./index";
 export var isMobile = function isMobile() {
   if (isBrowser) {
-    return window.innerWidth <= 768 || isMobileUtils();
+    return window.innerWidth <= 768 && isMobileUtils();
   }
   return isMobileUtils();
 };

package/lib/components/MultipleContainersSortList/index.js

@@ -39,6 +39,7 @@ var import_utils = require("@pisell/utils");
 var import_react = __toESM(require("react"));
 var import_DragSortList = require("../DragSortList");
 var import_index = require("./index.less");
+var import_locales = require("../../locales");
 var TRASH_ID = "void";
 var DefaultRenderContainer = (props) => {
   const { id, children, renderContainer } = props;
@@ -182,7 +183,7 @@ var MultipleContainersSortList = (props) => {
           index
         },
         children
-      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, "No filter options available.")
+      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, (0, import_locales.getText)("table-action-filter-no-filter"))
     )
   ))));
 };

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;
+declare const Dropdown: (props: any) => React.JSX.Element;
+export default Dropdown;

package/lib/components/dropdown/index.js

@@ -35,11 +35,13 @@ module.exports = __toCommonJS(dropdown_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
-var Dropdown = (props) => {
+var _Dropdown = (props) => {
   const innerProps = {};
   if (props.__designMode === "design") {
     innerProps.open = true;
   }
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { ...props, ...innerProps });
 };
-var dropdown_default = (0, import_hoc.withSingleChild)(Dropdown, ["children", "overlay"]);
+var Dropdown = (0, import_hoc.withSingleChild)(_Dropdown, ["children", "overlay"]);
+Dropdown.Button = import_antd.Dropdown.Button;
+var dropdown_default = Dropdown;

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

@@ -1,10 +1,12 @@
 .filter-dropdown-wrap {
   width: 400px;
-  max-width: calc(100vw - 24px);
   min-width: 250px;
   padding: 4px;
   display: flex;
   flex-direction: column;
+  max-height: 60vh;
+  max-width: 80vw;
+  overflow: auto;
   .filter-dropdown-wrap-content {
     flex: 1;
   }

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

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_FilterLines = __toESM(require("@pisell/icon/es/FilterLines"));
 var import_Dropdown = __toESM(require("../Dropdown"));
 var import_locales = require("../../../../locales");
+var import_platform = require("../../../../utils/platform");
 var Filter = ({
   value,
   onChange,
@@ -65,6 +66,7 @@ var Filter = ({
       }
     );
   }, [quickFilter, otherFilter, quickFilterMaxLength, formFiltersPrefix]);
+  const isMobileBool = (0, import_platform.isMobile)();
   return /* @__PURE__ */ import_react.default.createElement("div", { ref }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Popover,
     {
@@ -73,7 +75,7 @@ var Filter = ({
       arrow: false,
       getPopupContainer: () => ref.current
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null), size: "large" }, (0, import_locales.getText)("table-action-filter-button"))
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null), size: "large" }, isMobileBool ? null : (0, import_locales.getText)("table-action-filter-button"))
   ));
 };
 var FilterButton_default = Filter;

package/lib/components/filter/index.js

@@ -36,11 +36,34 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterButton = __toESM(require("./components/FilterButton"));
 var import_QuickFilter = __toESM(require("./components/QuickFilter"));
+var import_platform = require("../../utils/platform");
 var formFiltersPrefix = "filters";
 var Filter = (props) => {
   const { filter, isRenderFormContent = true, onValuesChange } = props;
   const { show, quickFilterMaxLength, sortButtonShow, list } = filter || {};
-  const content = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "filter_setting", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, { formFiltersPrefix: isRenderFormContent ? "" : formFiltersPrefix })), show && sortButtonShow ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "filter_setting", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(
+  const [form] = import_antd.Form.useForm();
+  const isMobileBool = (0, import_platform.isMobile)();
+  const isShowQuickFilter = (0, import_react.useMemo)(() => {
+    if (isMobileBool && show && sortButtonShow) {
+      return false;
+    }
+    return true;
+  }, [show, sortButtonShow, isMobileBool]);
+  (0, import_react.useEffect)(() => {
+    if (isRenderFormContent) {
+      form.setFieldsValue({
+        filter_setting: {
+          notSortFilter: list
+        }
+      });
+    }
+  }, [isRenderFormContent, list]);
+  const content = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isShowQuickFilter && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "filter_setting", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(
+    import_QuickFilter.default,
+    {
+      formFiltersPrefix: isRenderFormContent ? "" : formFiltersPrefix
+    }
+  )), show && sortButtonShow ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "filter_setting", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(
     import_FilterButton.default,
     {
       formFiltersPrefix,
@@ -54,6 +77,7 @@ var Filter = (props) => {
       import_antd.Form,
       {
         onValuesChange,
+        form,
         initialValues: {
           filter_setting: {
             notSortFilter: list

package/lib/components/list/index.js

@@ -91,6 +91,7 @@ var List = (props) => {
         /* @__PURE__ */ import_react.default.createElement(
           import_react_infinite_scroll_component.default,
           {
+            key: `${document.getElementById(scrollListId)}`,
             dataLength: props.dataSource.length,
             next: loadMoreData,
             hasMore: props.dataSource.length < ((pagination == null ? void 0 : pagination.total) || 999999),
@@ -127,7 +128,7 @@ var List = (props) => {
         })
       }
     );
-  }, [props, _footer, isShowDownArrow, isShowUpArrow]);
+  }, [props, _footer, isShowDownArrow, isShowUpArrow, scrollListId]);
   return list;
 };
 List.Item = import_antd.List.Item;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { SegmentedProps } from "antd";
+declare const Segmented: (props: SegmentedProps) => React.JSX.Element;
+export default Segmented;

package/lib/components/segmented/index.js

@@ -0,0 +1,40 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/segmented/index.tsx
+var segmented_exports = {};
+__export(segmented_exports, {
+  default: () => segmented_default
+});
+module.exports = __toCommonJS(segmented_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var Segmented = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Segmented, { ...props });
+};
+var segmented_default = Segmented;

package/lib/components/sort/index.js

@@ -114,6 +114,7 @@ var Sort = ({
     }
     onChange == null ? void 0 : onChange((_b = detail == null ? void 0 : detail.keyPath) == null ? void 0 : _b[0], detail);
   };
+  const isMobileBool = (0, import_platform.isMobile)();
   const btnContent = (0, import_react.useMemo)(() => {
     return button || /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
@@ -125,9 +126,9 @@ var Sort = ({
         }),
         size: "large"
       },
-      (0, import_locales.getText)("sort-button-text")
+      isMobileBool ? null : (0, import_locales.getText)("sort-button-text")
     );
-  }, [button, style, value]);
+  }, [button, style, value, isMobileBool]);
   const content = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_InlineMenu.default,

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

@@ -83,7 +83,7 @@ var PopoverContent = (props) => {
     };
     onChange == null ? void 0 : onChange([...value]);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-popover-content-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-header` }, isShowTitle && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}table-action-column-header-title` }, (0, import_locales.getText)("table-action-column-title")), headerContent && headerContent), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-popover-content-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-header` }, isShowTitle && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}table-action-column-header-title` }, (0, import_locales.getText)("table-action-column-title")), headerContent && headerContent), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-content` }, /* @__PURE__ */ import_react.default.createElement(
     import_DragSortList.default,
     {
       list: value,
@@ -145,6 +145,6 @@ var PopoverContent = (props) => {
         )))
       );
     }
-  ));
+  )));
 };
 var PopoverContent_default = PopoverContent;

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

@@ -13,6 +13,10 @@
       margin-right: 4px;
     }
   }
+  &-table-action-column-content {
+    max-height: 60vh;
+    overflow: auto;
+  }
   &-table-action-column-popover-content-wrap {
     width: 200px;
   }

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

@@ -42,6 +42,7 @@ var import_Buttons = __toESM(require("../Header/Buttons"));
 var import_ViewMode = __toESM(require("./component/ViewMode"));
 var import_GallerySetting = __toESM(require("./component/GallerySetting"));
 var import_index = require("./index.less");
+var import_platform = require("../../../utils/platform");
 var Actions = ({
   filter,
   sort,
@@ -67,6 +68,7 @@ var Actions = ({
     dataSourceGroup == null ? void 0 : dataSourceGroup.show,
     view.multiple
   ]);
+  const isMobileBool = (0, import_platform.isMobile)();
   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,
     {
@@ -75,6 +77,26 @@ var Actions = ({
       tableId,
       viewMode
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, view.multiple && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "view_mode", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_ViewMode.default, { view })), (dataSourceGroup == null ? void 0 : dataSourceGroup.show) && viewMode === "grid" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "group_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Group.default, { setting: dataSourceGroup })), (columnSetting == null ? void 0 : columnSetting.show) && viewMode === "grid" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: ["column_setting"], noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_ColumnsSetting.default, null)), (columnSetting == null ? void 0 : columnSetting.show) && viewMode === "gallery" && /* @__PURE__ */ import_react.default.createElement(import_GallerySetting.default, { setting: gallery, currentViewMode: viewMode }), (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "order_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_sort.default, { list: (sort == null ? void 0 : sort.list) || [], localPagination })) : null, !!(buttons == null ? void 0 : buttons.length) && /* @__PURE__ */ import_react.default.createElement(import_Buttons.default, { list: buttons }))) : null;
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "right-wrap",
+      style: {
+        gap: isMobileBool ? 0 : 12
+      }
+    },
+    view.multiple && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "view_mode", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_ViewMode.default, { view })),
+    (dataSourceGroup == null ? void 0 : dataSourceGroup.show) && viewMode === "grid" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "group_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Group.default, { setting: dataSourceGroup })),
+    (columnSetting == null ? void 0 : columnSetting.show) && viewMode === "grid" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: ["column_setting"], noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_ColumnsSetting.default, null)),
+    (columnSetting == null ? void 0 : columnSetting.show) && viewMode === "gallery" && /* @__PURE__ */ import_react.default.createElement(import_GallerySetting.default, { setting: gallery, currentViewMode: viewMode }),
+    (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "order_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_sort.default, { list: (sort == null ? void 0 : sort.list) || [], localPagination })) : null,
+    !!(buttons == null ? void 0 : buttons.length) && /* @__PURE__ */ import_react.default.createElement(
+      import_Buttons.default,
+      {
+        list: buttons,
+        style: isMobileBool ? { marginLeft: 8 } : {}
+      }
+    )
+  )) : null;
 };
 var Actions_default = Actions;

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

@@ -37,6 +37,7 @@ var import_react_window = require("react-window");
 var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
 var import_useGenGridProps = __toESM(require("./useGenGridProps"));
 var import_useGapSize = __toESM(require("./useGapSize"));
+var import_antd = require("antd");
 var Cell = (props) => {
   const { columnIndex, rowIndex, style, isScrolling, data } = props;
   const { renderItem, gap, columnCount, dataSource, paddingTop } = data;
@@ -117,6 +118,9 @@ var VirtualGrid = (props) => {
     rowHeight,
     paddingTop = 0
   } = props;
+  if (dataSource.length === 0) {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { style: { marginTop: 32 }, image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE });
+  }
   return /* @__PURE__ */ import_react.default.createElement(import_react_virtualized_auto_sizer.default, null, ({ height, width }) => /* @__PURE__ */ import_react.default.createElement(
     GridComponent,
     {

package/lib/components/table/Gallery/components/VirtualGrid/useGenGridProps.js

@@ -35,7 +35,7 @@ var useGenGridProps = (params) => {
   const columnCount = (0, import_react.useMemo)(() => {
     const minCount = Math.floor(width / itemMinWidth);
     const maxCount = Math.floor(width / itemMaxWidth);
-    return Math.floor((minCount + maxCount) / 2);
+    return Math.max(Math.floor((minCount + maxCount) / 2), 1);
   }, [width, itemMinWidth, itemMaxWidth]);
   const columnWidth = (0, import_react.useMemo)(() => {
     return (width - horizontal * (columnCount - 1) - 17) / columnCount;

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

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

package/lib/components/table/Header/Buttons/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Buttons: ({ list }: any) => any;
+declare const Buttons: ({ list, style }: any) => any;
 export default Buttons;

package/lib/components/table/Header/Buttons/index.js

@@ -35,9 +35,9 @@ module.exports = __toCommonJS(Buttons_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_index = require("./index.less");
-var Buttons = ({ list }) => {
+var Buttons = ({ list, style }) => {
   return (list || []).map((d) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...d }, d.title);
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...d, style: { ...d.style || {}, ...style || {} } }, d.title);
   });
 };
 var Buttons_default = Buttons;

package/lib/components/table/Table/fields/image/Edit/index.js

@@ -35,10 +35,11 @@ module.exports = __toCommonJS(Edit_exports);
 var import_react = __toESM(require("react"));
 var import_input = __toESM(require("../../../../../input"));
 var Edit = (props, ref) => {
-  const { value, onChange, onPressEnter, onBlur, style, bordered } = props;
+  const { value, onChange, onPressEnter, onBlur, style, bordered, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_input.default,
     {
+      ...others,
       bordered,
       ref,
       value,

package/lib/components/table/Table/fields/number/Edit/index.js

@@ -36,10 +36,11 @@ var import_react = __toESM(require("react"));
 var import_react2 = require("react");
 var import_antd = require("antd");
 var Edit = (props, ref) => {
-  const { value, onChange, onPressEnter, onBlur, style, bordered } = props;
+  const { value, onChange, onPressEnter, onBlur, style, bordered, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.InputNumber,
     {
+      ...others,
       controls: false,
       ref,
       value,

package/lib/components/table/Table/fields/search/filterUtil/index.js

@@ -32,11 +32,12 @@ function filterUtil_default({
   if (!(0, import_utils.isString)(value)) {
     return true;
   }
+  const lowerCaseValue = value.toLowerCase();
   if (key === "keywords") {
-    return JSON.stringify(item).includes(value);
+    return JSON.stringify(item).toLowerCase().includes(lowerCaseValue);
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
   if ((0, import_utils.isString)(dataValue) || (0, import_utils.isNumber)(dataValue)) {
-    return `${dataValue}`.includes(value);
+    return `${dataValue}`.toLowerCase().includes(lowerCaseValue);
   }
 }

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

@@ -130,6 +130,7 @@ var GridViewTable = ({ tableProps, filter, setTableSetting }) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_BasicTable.default,
       {
+        key: scroll == null ? void 0 : scroll.y,
         dataSource,
         columns,
         className: "grid-view-table",

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

@@ -146,6 +146,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
+export declare const stringify: (obj: Record<string, any>) => string;
 export {};

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

@@ -44,7 +44,8 @@ __export(utils_exports, {
   omit: () => omit,
   setFormValuesToLocalStorage: () => setFormValuesToLocalStorage,
   setTableSettingToLocalStorage: () => setTableSettingToLocalStorage,
-  sortDataSource: () => sortDataSource
+  sortDataSource: () => sortDataSource,
+  stringify: () => stringify
 });
 module.exports = __toCommonJS(utils_exports);
 var import_dayjs = __toESM(require("dayjs"));
@@ -439,6 +440,14 @@ var omit = (obj, keys) => {
   }
   return shallowCopy;
 };
+var stringify = (obj) => {
+  return JSON.stringify(obj, (key, value) => {
+    if ((0, import_utils.isFunction)(value)) {
+      return value.toString();
+    }
+    return value;
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   calcFilterSort,
@@ -456,5 +465,6 @@ var omit = (obj, keys) => {
   omit,
   setFormValuesToLocalStorage,
   setTableSettingToLocalStorage,
-  sortDataSource
+  sortDataSource,
+  stringify
 });

package/lib/components/table/hooks/useTransFilterSetting.js

@@ -23,6 +23,7 @@ __export(useTransFilterSetting_exports, {
 });
 module.exports = __toCommonJS(useTransFilterSetting_exports);
 var import_react = require("react");
+var import_platform = require("../../../utils/platform");
 var useTransFilterSetting = (params) => {
   const { filter, originColumnsMap } = params;
   return (0, import_react.useMemo)(() => {
@@ -39,7 +40,8 @@ var useTransFilterSetting = (params) => {
           return {
             ...item,
             name,
-            label
+            label,
+            sort: (0, import_platform.isMobile)() ? true : item.sort
           };
         })
       };

package/lib/components/table/index.js

@@ -187,7 +187,7 @@ var GridView = (0, import_model.Provider)(
       setTimeout(() => {
         document.body.id = "body";
       }, 200);
-    }, [filter]);
+    }, []);
     const filterDefaultValues = (0, import_react.useMemo)(() => {
       var _a2, _b2;
       const defaultValues = ((filter == null ? void 0 : filter.list) || []).reduce(
@@ -224,12 +224,12 @@ var GridView = (0, import_model.Provider)(
       return wrapRef.current;
     });
     (0, import_react.useEffect)(() => {
-      form.resetFields();
       form.setFieldsValue(initialValuesRef.current);
     }, [currentViewMode]);
     (0, import_react.useEffect)(() => {
-      form.setFieldsValue(tableSettingRef.current);
-    }, [JSON.stringify(columns)]);
+      form.setFieldValue("column_setting", {});
+      form.setFieldValue("column_setting", tableSettingRef.current.column_setting);
+    }, [(0, import_utils.stringify)(columns)]);
     (0, import_react.useEffect)(() => {
       form.setFieldsValue(initialValuesRef.current);
     }, [JSON.stringify(propsFilter)]);

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

@@ -9,6 +9,7 @@ declare class Tabs extends Component<any> {
     setActiveKey: (key: string) => void;
     getActiveKey: () => any;
     renderIconLabelTabBar: TabsProps["renderTabBar"];
+    filterHiddenTabs: (tabs: any[]) => any[];
     render(): React.JSX.Element;
 }
 export default Tabs;

package/lib/components/tabs/index.js

@@ -79,7 +79,7 @@ var Tabs = class extends import_react.Component {
           ),
           style: wrapStyle
         },
-        items.map((item) => {
+        this.filterHiddenTabs(items).map((item) => {
           return /* @__PURE__ */ import_react.default.createElement(
             "div",
             {
@@ -96,6 +96,9 @@ var Tabs = class extends import_react.Component {
         props.extra
       );
     };
+    this.filterHiddenTabs = (tabs) => {
+      return tabs.filter((item) => !item.hidden);
+    };
   }
   render() {
     const { props } = this;
@@ -119,6 +122,7 @@ var Tabs = class extends import_react.Component {
         return null;
       }).filter(Boolean);
     }
+    items = this.filterHiddenTabs(items);
     if (type === "icon-label") {
       otherProps = {
         renderTabBar: this.renderIconLabelTabBar,

package/lib/index.d.ts

@@ -72,3 +72,4 @@ export { default as List } from "./components/list";
 export { default as Sort } from "./components/sort";
 export { default as InputNumberRange } from "./components/input-number-range";
 export { default as LowCodePage } from "./components/lowCodePage";
+export { default as Segmented } from "./components/segmented";

package/lib/index.js

@@ -78,6 +78,7 @@ __export(src_exports, {
   RecordView: () => import_record_view.default,
   Result: () => import_antd27.Result,
   Row: () => import_antd28.Row,
+  Segmented: () => import_segmented.default,
   Select: () => import_select.default,
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
@@ -179,6 +180,7 @@ var import_list = __toESM(require("./components/list"));
 var import_sort = __toESM(require("./components/sort"));
 var import_input_number_range = __toESM(require("./components/input-number-range"));
 var import_lowCodePage = __toESM(require("./components/lowCodePage"));
+var import_segmented = __toESM(require("./components/segmented"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -230,6 +232,7 @@ var import_lowCodePage = __toESM(require("./components/lowCodePage"));
   RecordView,
   Result,
   Row,
+  Segmented,
   Select,
   Skeleton,
   Slider,

package/lib/locales/en-US.d.ts

@@ -27,5 +27,6 @@ declare const _default: {
     "table-action-column-title": string;
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
+    "table-action-filter-no-filter": string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -50,5 +50,6 @@ var en_US_default = {
   "table-action-group-by-title-tip": "Please select the field from the dropdown menu to group the data for better organization and browsing.",
   "table-action-column-title": "Header settings",
   "table-column-group-records": "records",
-  "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled."
+  "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled.",
+  "table-action-filter-no-filter": "No filter options available."
 };

package/lib/locales/zh-CN.d.ts

@@ -27,5 +27,6 @@ declare const _default: {
     "table-action-column-title": string;
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
+    "table-action-filter-no-filter": string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -50,5 +50,6 @@ var zh_CN_default = {
   "table-action-group-by-title-tip": "请从下拉菜单中选择要分组的字段，以便更好地组织和浏览数据。",
   "table-action-column-title": "表头设置",
   "table-column-group-records": "条记录",
-  "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽"
+  "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽",
+  "table-action-filter-no-filter": "没有可用的筛选器。"
 };

package/lib/locales/zh-TW.d.ts

@@ -27,5 +27,6 @@ declare const _default: {
     "table-action-column-title": string;
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
+    "table-action-filter-no-filter": string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -50,5 +50,6 @@ var zh_TW_default = {
   "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段，以便更好地組織和瀏覽數據。",
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
-  "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳"
+  "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
+  "table-action-filter-no-filter": "沒有可用的篩選器。"
 };

package/lib/utils/platform.js

@@ -26,7 +26,7 @@ var import_utils = require("@pisell/utils");
 var import_index = require("./index");
 var isMobile = () => {
   if (import_index.isBrowser) {
-    return window.innerWidth <= 768 || (0, import_utils.isMobile)();
+    return window.innerWidth <= 768 && (0, import_utils.isMobile)();
   }
   return (0, import_utils.isMobile)();
 };