@pisell/materials 1.0.215 → 1.0.217

package/lib/components/sort/components/InlineMenu/index.less

@@ -0,0 +1,21 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-inline-menu-wrap {
+    min-width: 200px;
+  }
+  &-menu-item-label-wrap {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  &-menu-item-label {
+    margin-right: 16px;
+  }
+  &-menu-title-content {
+    width: 100%;
+    display: inline-block;
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { SortListProps } from "./types";
+import "./index.less";
+declare const Sort: React.FC<SortListProps>;
+export default Sort;

package/lib/components/sort/index.js

@@ -0,0 +1,169 @@
+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/sort/index.tsx
+var sort_exports = {};
+__export(sort_exports, {
+  default: () => sort_default
+});
+module.exports = __toCommonJS(sort_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_SwitchVertical01 = __toESM(require("@pisell/icon/es/SwitchVertical01"));
+var import_platform = require("../../utils/platform");
+var import_locales = require("../../locales");
+var import_InlineMenu = __toESM(require("./components/InlineMenu"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var Label = ({ content }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}sort-menu-item-label` }, /* @__PURE__ */ import_react.default.createElement("span", null, content), /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null));
+};
+var sortChildrenMap = {
+  date: (key, isLocal) => [
+    {
+      key: `${key}:desc${isLocal ? ":date" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-oldest-to-newest") })
+    },
+    {
+      key: `${key}:asc${isLocal ? ":date" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-newest-to-oldest") })
+    }
+  ],
+  time: (key, isLocal) => [
+    {
+      key: `${key}:desc${isLocal ? ":time" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-from-morning-to-night") })
+    },
+    {
+      key: `${key}:asc${isLocal ? ":time" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-from-evening-to-morning") })
+    }
+  ],
+  string: (key, isLocal) => [
+    {
+      key: `${key}:asc${isLocal ? ":string" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-a-z") })
+    },
+    {
+      key: `${key}:desc${isLocal ? ":string" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-z-a") })
+    }
+  ],
+  number: (key, isLocal) => [
+    {
+      key: `${key}:asc${isLocal ? ":number" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-0-9") })
+    },
+    {
+      key: `${key}:desc${isLocal ? ":number" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-9-0") })
+    }
+  ]
+};
+var Sort = ({
+  list = [],
+  onChange,
+  button,
+  style,
+  value,
+  placement,
+  localPagination
+}) => {
+  const sortItems = (0, import_react.useMemo)(() => {
+    return list.map((d) => {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name, !!localPagination),
+        popupClassName: `${prefix}sort-sub-menu-popup-wrap`
+      };
+    });
+  }, [list, localPagination]);
+  const onClick = (detail) => {
+    var _a, _b;
+    if (((_a = detail.keyPath) == null ? void 0 : _a[0]) === value) {
+      onChange == null ? void 0 : onChange("", detail);
+      return;
+    }
+    onChange == null ? void 0 : onChange((_b = detail == null ? void 0 : detail.keyPath) == null ? void 0 : _b[0], detail);
+  };
+  const btnContent = (0, import_react.useMemo)(() => {
+    return button || /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_SwitchVertical01.default, null),
+        style,
+        className: (0, import_classnames.default)({
+          [`${prefix}sort-button-active`]: !!value
+        }),
+        size: "large"
+      },
+      (0, import_locales.getText)("sort-button-text")
+    );
+  }, [button, style, value]);
+  const content = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_InlineMenu.default,
+      {
+        items: sortItems,
+        value: value || "",
+        onChange
+      }
+    );
+  }, [value, sortItems, onChange]);
+  if ((0, import_platform.isMobile)()) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popover,
+      {
+        placement,
+        content,
+        arrow: false,
+        overlayClassName: `${prefix}mobile-sort-overlay`,
+        trigger: ["click"]
+      },
+      btnContent
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      trigger: ["click"],
+      placement,
+      menu: {
+        items: sortItems,
+        onClick,
+        selectable: true,
+        selectedKeys: value
+      }
+    },
+    btnContent
+  );
+};
+var sort_default = Sort;

package/lib/components/sort/index.less

@@ -0,0 +1,29 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-mobile-sort-overlay {
+    .pisell-lowcode-popover-inner {
+      padding: 0;
+      overflow: hidden;
+    }
+  }
+  &-sort-button-active {
+    background-color: var(--Primary-100, #F4EBFF);
+  }
+  &-sort-menu-item-label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+  }
+  &-sort-sub-menu-popup-wrap {
+    .anticon-check {
+      visibility: hidden;
+    }
+    .pisell-lowcode-dropdown-menu-item-selected {
+      .anticon-check {
+        visibility: visible;
+      }
+    }
+  }
+}

package/lib/components/sort/types.d.ts

@@ -0,0 +1,18 @@
+import { MenuProps } from "antd";
+import React from "react";
+export declare type SortItemProps = {
+    type: "date" | "string" | "number";
+    label?: string;
+    name?: string | string[];
+    isCustom: boolean;
+    columnKey?: string;
+};
+export declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+    button?: React.ReactNode;
+    style?: React.CSSProperties;
+    value?: any;
+    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+    localPagination?: boolean;
+};

package/lib/components/sort/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/sort/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+declare type ButtonIconProps = {
+    children: React.ReactNode;
+    isActive: boolean;
+};
+declare const ButtonIcon: React.FC<ButtonIconProps>;
+export default ButtonIcon;

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

@@ -0,0 +1,63 @@
+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/table/Actions/component/ButtonIcon/index.tsx
+var ButtonIcon_exports = {};
+__export(ButtonIcon_exports, {
+  default: () => ButtonIcon_default
+});
+module.exports = __toCommonJS(ButtonIcon_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var ButtonIcon = (props) => {
+  const { children, isActive, ...others } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ...others,
+      className: (0, import_classnames.default)(`${prefix}action-btn-icon`, {
+        [`${prefix}action-btn-icon-active`]: isActive
+      })
+    },
+    import_react.Children.map(children, (child) => {
+      var _a;
+      if ((0, import_react.isValidElement)(child)) {
+        return (0, import_react.cloneElement)(child, {
+          style: {
+            ...((_a = child.props) == null ? void 0 : _a.style) || {},
+            color: isActive ? "#53389E" : "inherit"
+          }
+        });
+      }
+      return child;
+    })
+  );
+};
+var ButtonIcon_default = ButtonIcon;

package/lib/components/table/Actions/component/ButtonIcon/index.less

@@ -0,0 +1,19 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-action-btn-icon {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    cursor: pointer;
+    &:hover {
+      background: var(--Primary-100, #F4EBFF);
+    }
+  }
+  &-action-btn-icon-active {
+    background: var(--Primary-100, #F4EBFF);
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./PopoverContent.less";
+declare type PopoverContentProps = {
+    value?: Record<string, any>[];
+    onChange?: (columns: Record<string, any>[]) => void;
+    isShowTitle?: boolean;
+    headerContent?: React.ReactNode;
+};
+declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+export default PopoverContent;

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

@@ -0,0 +1,150 @@
+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/table/Actions/component/ColumnsSetting/PopoverContent.tsx
+var PopoverContent_exports = {};
+__export(PopoverContent_exports, {
+  default: () => PopoverContent_default
+});
+module.exports = __toCommonJS(PopoverContent_exports);
+var import_react = __toESM(require("react"));
+var import_DotsSix = __toESM(require("@pisell/icon/es/DotsSix"));
+var import_Lock01 = __toESM(require("@pisell/icon/es/Lock01"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_DragSortList = __toESM(require("../../../../DragSortList"));
+var import_utils = require("./utils");
+var import_PopoverContent = require("./PopoverContent.less");
+var import_locales = require("../../../../../locales");
+var prefix = "pisell-lowcode-";
+var DragItem = import_react.default.forwardRef((props, ref) => {
+  const { attributes, listeners, setActivatorNodeRef, style, isLock } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref,
+      ...attributes,
+      style,
+      className: `${prefix}table-action-column-drag-item`
+    },
+    isLock ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "固定列不可移动顺序" }, /* @__PURE__ */ import_react.default.createElement(import_Lock01.default, { className: `${prefix}table-action-column-drag-bar` })) : /* @__PURE__ */ import_react.default.createElement(
+      import_DotsSix.default,
+      {
+        ref: setActivatorNodeRef,
+        ...listeners,
+        style: {
+          ...listeners.style || {},
+          touchAction: "none"
+        },
+        className: `${prefix}table-action-column-drag-bar`
+      }
+    ),
+    props.children
+  );
+});
+var defaultValue = [];
+var PopoverContent = (props) => {
+  const {
+    value = defaultValue,
+    onChange,
+    isShowTitle = true,
+    headerContent
+  } = props;
+  const handleChange = (index, isShow) => {
+    value[index] = {
+      ...value[index],
+      isShow
+    };
+    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(
+    import_DragSortList.default,
+    {
+      list: value,
+      rowKey: (item) => {
+        var _a;
+        return `${item.key}-${(_a = item.dataIndex) == null ? void 0 : _a.toString()}`;
+      },
+      onChange: (list) => {
+        if (!(0, import_utils.isFixedOrderValid)(list))
+          return;
+        onChange == null ? void 0 : onChange(
+          list.map((item, index) => ({
+            ...item,
+            sortIndex: index
+          }))
+        );
+      }
+    },
+    ({
+      item,
+      index,
+      style,
+      props: props2,
+      attributes,
+      setActivatorNodeRef,
+      listeners
+    }) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        DragItem,
+        {
+          ...props2,
+          isLock: item.fixed,
+          index,
+          attributes,
+          setActivatorNodeRef,
+          listeners,
+          style
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-drag-item-right` }, /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: (0, import_classnames.default)(
+              `${prefix}table-action-column-drag-item-right-text`,
+              {
+                [`${prefix}table-action-column-drag-item-right-text-hidden`]: !item.isShow
+              }
+            )
+          },
+          item.title
+        ), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: `${prefix}table-action-column-drag-item-right-icon-wrap`,
+            onClick: () => {
+              handleChange(index, !item.isShow);
+            }
+          },
+          item.isShow ? /* @__PURE__ */ import_react.default.createElement(import_icons.EyeOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.EyeInvisibleOutlined, null)
+        )))
+      );
+    }
+  ));
+};
+var PopoverContent_default = PopoverContent;

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

@@ -0,0 +1,54 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-table-action-column-header {
+    //padding: 16px 16px 0;
+    margin-bottom: 8px;
+    &-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+      margin-right: 4px;
+    }
+  }
+  &-table-action-column-popover-content-wrap {
+    width: 200px;
+  }
+  &-table-action-column-drag-item {
+    display: flex;
+    height: 36px;
+    border-radius: 4px;
+    align-items: center;
+    &:hover {
+      background-color: #EDEEEE;
+    }
+  }
+  &-table-action-column-drag-bar {
+    cursor: grab;
+    font-size: 18px;
+    color: rgb(100, 106, 115);
+  }
+  &-table-action-column-drag-item-right {
+    margin-left: 8px;
+    padding-right: 6px;
+    display: flex;
+    justify-content: space-between;
+    flex: 1;
+  }
+  &-table-action-column-drag-item-right-text {
+  }
+  &-table-action-column-drag-item-right-text-hidden {
+    color: rgb(187, 191, 196);
+  }
+  &-table-action-column-drag-item-right-icon-wrap {
+    padding: 4px;
+    border-radius: 6px;
+    cursor: pointer;
+    //color: rgb(43, 47, 54);
+    &:hover {
+      background-color: rgba(31, 35, 41, 0.2);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,62 @@
+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/table/Actions/component/ColumnsSetting/index.tsx
+var ColumnsSetting_exports = {};
+__export(ColumnsSetting_exports, {
+  default: () => ColumnsSetting_default
+});
+module.exports = __toCommonJS(ColumnsSetting_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_PopoverContent = __toESM(require("./PopoverContent"));
+var import_ButtonIcon = __toESM(require("../ButtonIcon"));
+var ColumnsSetting = (props) => {
+  const { value, onChange } = props;
+  const content = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_PopoverContent.default, { value, onChange });
+  }, [value, onChange]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content,
+      arrow: false,
+      placement: "bottomRight",
+      trigger: "click"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ButtonIcon.default,
+      {
+        isActive: !!(value == null ? void 0 : value.filter((item) => !item.isShow).length)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_icons.EyeOutlined, { style: { cursor: "pointer", fontSize: 18 } })
+    )
+  );
+};
+var ColumnsSetting_default = ColumnsSetting;

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

@@ -0,0 +1 @@
+export declare function isFixedOrderValid(columns: Record<string, any>[]): boolean;