@cozeloop/components 0.0.2 → 0.0.4

package/dist/lib/column-manage-storage/index.js

@@ -1,98 +1,48 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var column_manage_storage_exports = {};
-__export(column_manage_storage_exports, {
-  DATASET_COLUMN_STORAGE_KEY: () => DATASET_COLUMN_STORAGE_KEY,
-  dealColumnsWithStorage: () => dealColumnsWithStorage,
-  getColumnManageStorage: () => getColumnManageStorage,
-  setColumnsManageStorage: () => setColumnsManageStorage
-});
-module.exports = __toCommonJS(column_manage_storage_exports);
-var import_lodash_es = require("lodash-es");
-var import_toolkit = require("@cozeloop/toolkit");
-const DATASET_COLUMN_STORAGE_KEY = "dataset-column";
-const getColumnManageStorage = (storageKey) => {
-  const storage = localStorage.getItem(storageKey);
-  return (0, import_toolkit.safeJsonParse)(storage || "{}") || {};
+import { isEmpty } from 'lodash-es';
+import { safeJsonParse } from '@cozeloop/toolkit';
+export const DATASET_COLUMN_STORAGE_KEY = 'dataset-column';
+export const getColumnManageStorage = (storageKey) => {
+    const storage = localStorage.getItem(storageKey);
+    return safeJsonParse(storage || '{}') || {};
 };
-const setColumnsManageStorage = (storageKey, columns) => {
-  if (!storageKey) {
-    return;
-  }
-  const data = {};
-  columns.forEach((column, index) => {
-    var _a;
-    data[column.key] = {
-      index,
-      checked: (_a = column.checked) != null ? _a : true
-    };
-  });
-  localStorage.setItem(storageKey, JSON.stringify(data));
-};
-const dealColumnsWithStorage = (storageKey, columns) => {
-  const sort = getColumnManageStorage(storageKey);
-  if (!sort || (0, import_lodash_es.isEmpty)(sort)) {
-    return columns;
-  }
-  const newColumns = [...columns || []].sort((a, b) => {
-    var _a, _b, _c, _d;
-    const indexA = (_b = (_a = sort[a.key]) == null ? void 0 : _a.index) != null ? _b : Infinity;
-    const indexB = (_d = (_c = sort[b.key]) == null ? void 0 : _c.index) != null ? _d : Infinity;
-    if (indexA !== Infinity && indexB !== Infinity) {
-      return indexA - indexB;
-    }
-    if (indexA !== Infinity) {
-      return -1;
+export const setColumnsManageStorage = (storageKey, columns) => {
+    if (!storageKey) {
+        return;
     }
-    if (indexB !== Infinity) {
-      return 1;
+    const data = {};
+    columns.forEach((column, index) => {
+        data[column.key] = {
+            index,
+            checked: column.checked ?? true,
+        };
+    });
+    localStorage.setItem(storageKey, JSON.stringify(data));
+};
+export const dealColumnsWithStorage = (storageKey, columns) => {
+    const sort = getColumnManageStorage(storageKey);
+    if (!sort || isEmpty(sort)) {
+        return columns;
     }
-    return 0;
-  });
-  return newColumns.map((column) => {
-    var _a, _b;
-    return __spreadProps(__spreadValues({}, column), {
-      checked: (_b = (_a = sort[column.key]) == null ? void 0 : _a.checked) != null ? _b : true
+    const newColumns = [...(columns || [])].sort((a, b) => {
+        const indexA = sort[a.key]?.index ?? Infinity;
+        const indexB = sort[b.key]?.index ?? Infinity;
+        // 如果两个元素都在 arrayB 中，按照 arrayB 的顺序排序
+        if (indexA !== Infinity && indexB !== Infinity) {
+            return indexA - indexB;
+        }
+        // 如果只有一个元素在 arrayB 中，将其排在前面
+        if (indexA !== Infinity) {
+            return -1;
+        }
+        if (indexB !== Infinity) {
+            return 1;
+        }
+        // 如果两个元素都不在 arrayB 中，保持原有顺序
+        return 0;
     });
-  });
+    return newColumns.map(column => ({
+        ...column,
+        checked: sort[column.key]?.checked ?? true,
+    }));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DATASET_COLUMN_STORAGE_KEY,
-  dealColumnsWithStorage,
-  getColumnManageStorage,
-  setColumnsManageStorage
-});
+//# sourceMappingURL=index.js.map

package/dist/lib/column-manage-storage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/column-manage-storage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,CAAC,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAkB,EAAE,EAAE;IAC3D,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,aAAa,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,UAAkB,EAClB,OAAqB,EACrB,EAAE;IACF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,MAAM,IAAI,GAAe,EAAE,CAAC;IAC5B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG;YACjB,KAAK;YACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,IAAI;SAChC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAAkB,EAClB,OAAqB,EACP,EAAE;IAChB,MAAM,IAAI,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC9C,oCAAoC;QACpC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/C,OAAO,MAAM,GAAG,MAAM,CAAC;QACzB,CAAC;QACD,4BAA4B;QAC5B,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,4BAA4B;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC/B,GAAG,MAAM;QACT,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,IAAI,IAAI;KAC3C,CAAC,CAAC,CAAC;AACN,CAAC,CAAC"}

package/dist/lib/columns-select/index.d.ts

@@ -0,0 +1,19 @@
+import { type ColumnProps } from '@coze-arch/coze-design';
+export interface ColumnItem extends ColumnProps {
+    key: string;
+    value: string;
+    disabled?: boolean;
+    checked?: boolean;
+}
+export interface ColumnSelectorProps {
+    columns: ColumnItem[];
+    onChange?: (items: ColumnItem[]) => void;
+    buttonText?: string;
+    resetButtonText?: string;
+    className?: string;
+    sortable?: boolean;
+    defaultColumns?: ColumnItem[];
+    itemRender?: (item: ColumnItem) => React.ReactNode;
+    footerRender?: (item: ColumnItem[]) => React.ReactNode;
+}
+export declare const ColumnSelector: ({ columns, defaultColumns, onChange, buttonText, resetButtonText, className, sortable, itemRender, footerRender, }: ColumnSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/columns-select/index.js

@@ -1,241 +1,77 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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);
-var columns_select_exports = {};
-__export(columns_select_exports, {
-  ColumnSelector: () => ColumnSelector
-});
-module.exports = __toCommonJS(columns_select_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var sort = __toESM(require("react-sortable-hoc"));
-var import_react = require("react");
-var import_icons = require("@coze-arch/coze-design/icons");
-var import_coze_design = require("@coze-arch/coze-design");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @coze-arch/max-line-per-function */
+/* eslint-disable @coze-arch/no-batch-import-or-export */
+import * as sort from 'react-sortable-hoc';
+import { Fragment, useEffect, useMemo, useState } from 'react';
+import { IconCozHandle, IconCozTableSetting, } from '@coze-arch/coze-design/icons';
+import { Button, Checkbox, Dropdown, Typography, Divider, Tooltip, } from '@coze-arch/coze-design';
+// @ts-expect-error react-sortable-hoc ts type issue
 const { sortableContainer, sortableElement, sortableHandle } = sort;
 const { arrayMove } = sort;
-const ColumnSelector = ({
-  columns,
-  defaultColumns = columns,
-  onChange,
-  buttonText,
-  resetButtonText = "重置为默认",
-  className,
-  sortable = true,
-  itemRender,
-  footerRender
-}) => {
-  const [list, setList] = (0, import_react.useState)(() => [...columns]);
-  const selectedKeys = (0, import_react.useMemo)(
-    () => list.filter((item) => item.checked).map((item) => item.key),
-    [list]
-  );
-  const disabledKeys = (0, import_react.useMemo)(
-    () => list.filter((item) => item.disabled).map((item) => item.key),
-    [list]
-  );
-  const DragHandle = sortableHandle(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_icons.IconCozHandle,
-    {
-      className: "cursor-grab",
-      "aria-label": "拖动排序",
-      role: "button"
-    }
-  ));
-  const RenderItem = (value, slot) => {
-    var _a, _b, _c;
-    const render = itemRender ? itemRender(value) : null;
-    if (render) {
-      return render;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: "group flex items-center justify-between py-1 px-2 text-[var(--coz-fg-primary)] z-[99999] select-none hover:bg-[var(--coz-mg-secondary)] rounded-[6px] cursor-pointer bg-white",
-        style: {
-          zIndex: 99999
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "div",
-          {
-            className: "flex items-center gap-x-2 max-w-full w-full",
-            onClick: () => {
-              var _a2, _b2;
-              if (disabledKeys.includes((_a2 = value.key) != null ? _a2 : "") || value.disabled) {
-                return;
-              }
-              const newKeys = selectedKeys.includes((_b2 = value.key) != null ? _b2 : "") ? selectedKeys.filter((key) => key !== value.key) : [...selectedKeys, value.key];
-              const newColumns = list.map((item) => {
-                if (newKeys.includes(item.key)) {
-                  return __spreadProps(__spreadValues({}, item), {
-                    checked: true
-                  });
-                }
-                return __spreadProps(__spreadValues({}, item), {
-                  checked: false
-                });
-              });
-              setList(newColumns);
-              onChange == null ? void 0 : onChange(newColumns);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Checkbox,
-                {
-                  disabled: disabledKeys.includes((_a = value.key) != null ? _a : "") || value.disabled,
-                  checked: selectedKeys.includes((_b = value.key) != null ? _b : ""),
-                  "aria-label": `选择${value.value}`
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Typography.Text,
-                {
-                  ellipsis: {
-                    showTooltip: {
-                      opts: {
-                        content: value.value,
-                        theme: "dark"
-                      }
-                    }
-                  },
-                  className: "text-[13px] text-[var(--coz-fg-primary)] flex-1 overflow-hidden w-full",
-                  style: {
-                    color: disabledKeys.includes((_c = value.key) != null ? _c : "") || value.disabled ? "var(--coz-fg-dim)" : ""
-                  },
-                  children: value.value
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center coz-fg-secondary", children: slot })
-            ]
-          }
-        )
-      }
-    );
-  };
-  const SortableItem = sortableElement(
-    ({ value }) => RenderItem(value, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragHandle, {}))
-  );
-  const SortableContainer = sortableContainer(
-    ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-[200px] w-fit rounded-[6px] py-2 px-1 max-h-[372px] overflow-y-auto flex gap-y-1 flex-col", children })
-  );
-  const handleSortEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
-    const newList = arrayMove(list, oldIndex, newIndex);
-    setList(newList);
-    onChange == null ? void 0 : onChange(newList);
-  };
-  const handleReset = () => {
-    setList(defaultColumns);
-    onChange == null ? void 0 : onChange(defaultColumns);
-  };
-  (0, import_react.useEffect)(() => {
-    setList(columns);
-  }, [columns]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_coze_design.Dropdown,
-    {
-      position: "bottomRight",
-      render: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "div",
-        {
-          onClick: (event) => {
-            event.stopPropagation();
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: list.map(
-              (value, index) => (value == null ? void 0 : value.disabled) || !sortable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: RenderItem(value) }, `item-${value.key}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                SortableItem,
-                {
-                  index,
-                  value
-                },
-                `item-${value.key}`
-              )
-            ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Divider, {}),
-            footerRender ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-              footerRender(list),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Button,
-                {
-                  color: "secondary",
-                  type: "secondary",
-                  className: "text-center flex-1",
-                  onClick: handleReset,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText })
-                }
-              )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_coze_design.Button,
-              {
-                color: "secondary",
-                type: "secondary",
-                className: "w-full text-center",
-                onClick: handleReset,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText })
-              }
-            )
-          ]
-        }
-      ),
-      trigger: "click",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Tooltip, { content: "列管理", theme: "dark", position: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_coze_design.Button,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozTableSetting, {}),
-          type: "primary",
-          color: "primary",
-          className: "flex items-center justify-center",
-          "aria-label": buttonText
+const SortableContainer = sortableContainer(({ children }) => (_jsx("div", { className: "max-w-[200px] w-fit rounded-[6px] py-2 px-1 max-h-[372px] overflow-y-auto flex gap-y-1 flex-col", children: children })));
+const DragHandle = sortableHandle(() => (_jsx(IconCozHandle, { className: "cursor-grab", "aria-label": "\u62D6\u52A8\u6392\u5E8F", role: "button" })));
+export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText = '重置为默认', className, sortable = true, itemRender, footerRender, }) => {
+    const [list, setList] = useState(() => [...columns]);
+    const selectedKeys = useMemo(() => list.filter(item => item.checked).map(item => item.key), [list]);
+    const disabledKeys = useMemo(() => list.filter(item => item.disabled).map(item => item.key), [list]);
+    const RenderItem = (value, slot) => {
+        const render = itemRender ? itemRender(value) : null;
+        if (render) {
+            return render;
         }
-      ) }) })
-    }
-  ) });
+        return (_jsx("span", { 
+            // ref={spanRef}
+            className: "group flex items-center justify-between py-1 px-2 text-[var(--coz-fg-primary)] z-[99999] select-none hover:bg-[var(--coz-mg-secondary)] rounded-[6px] cursor-pointer bg-white", style: {
+                zIndex: 99999,
+            }, children: _jsxs("div", { className: "flex items-center gap-x-2 max-w-full w-full", onClick: () => {
+                    if (disabledKeys.includes(value.key ?? '') || value.disabled) {
+                        return;
+                    }
+                    const newKeys = selectedKeys.includes(value.key ?? '')
+                        ? selectedKeys.filter(key => key !== value.key)
+                        : [...selectedKeys, value.key];
+                    const newColumns = list.map(item => {
+                        if (newKeys.includes(item.key)) {
+                            return {
+                                ...item,
+                                checked: true,
+                            };
+                        }
+                        return {
+                            ...item,
+                            checked: false,
+                        };
+                    });
+                    setList(newColumns);
+                    onChange?.(newColumns);
+                }, children: [_jsx(Checkbox, { disabled: disabledKeys.includes(value.key ?? '') || value.disabled, checked: selectedKeys.includes(value.key ?? ''), "aria-label": `选择${value.value}` }), _jsx(Typography.Text, { ellipsis: {
+                            showTooltip: {
+                                opts: {
+                                    content: value.value,
+                                    theme: 'dark',
+                                },
+                            },
+                        }, className: "text-[13px] text-[var(--coz-fg-primary)] flex-1 overflow-hidden w-full", style: {
+                            color: disabledKeys.includes(value.key ?? '') || value.disabled
+                                ? 'var(--coz-fg-dim)'
+                                : '',
+                        }, children: value.value }), _jsx("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center coz-fg-secondary", children: slot })] }) }));
+    };
+    const SortableItem = sortableElement(({ value }) => RenderItem(value, _jsx(DragHandle, {})));
+    const handleSortEnd = ({ oldIndex, newIndex, }) => {
+        const newList = arrayMove(list, oldIndex, newIndex);
+        setList(newList);
+        onChange?.(newList);
+    };
+    const handleReset = () => {
+        setList(defaultColumns);
+        onChange?.(defaultColumns);
+    };
+    useEffect(() => {
+        setList(columns);
+    }, [columns]);
+    return (_jsx("div", { className: className, children: _jsx(Dropdown, { position: "bottomRight", render: _jsxs("div", { onClick: event => {
+                    event.stopPropagation();
+                }, children: [_jsx(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: _jsx(_Fragment, { children: list.map((value, index) => value?.disabled || !sortable ? (_jsx(Fragment, { children: RenderItem(value) }, `item-${value.key}`)) : (_jsx(SortableItem, { index: index, value: value }, `item-${value.key}`))) }) }), _jsx(Divider, {}), footerRender ? (_jsxs("div", { className: "flex items-center", children: [footerRender(list), _jsx(Button, { color: "secondary", type: "secondary", className: "text-center flex-1", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) })] })) : (_jsx(Button, { color: "secondary", type: "secondary", className: "w-full text-center", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) }))] }), trigger: "click", children: _jsx("div", { children: _jsx(Tooltip, { content: "\u5217\u7BA1\u7406", theme: "dark", position: "top", children: _jsx(Button, { icon: _jsx(IconCozTableSetting, {}), type: "primary", color: "primary", className: "flex items-center justify-center", "aria-label": buttonText }) }) }) }) }));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ColumnSelector
-});
+//# sourceMappingURL=index.js.map

package/dist/lib/columns-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/columns-select/index.tsx"],"names":[],"mappings":"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"}

package/dist/lib/edit-icon-button/index.d.ts

@@ -0,0 +1,8 @@
+import { type MouseEvent } from 'react';
+interface Props extends React.HTMLAttributes<SVGElement> {
+    className?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<SVGElement>) => void;
+}
+export declare function EditIconButton({ disabled, className, onClick, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/edit-icon-button/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { IconCozPencil } from '@coze-arch/coze-design/icons';
+export function EditIconButton({ disabled, className, onClick, ...rest }) {
+    return (_jsx(IconCozPencil, { ...rest, fontSize: 14, className: classNames('text-[var(--coz-fg-dim)]', disabled
+            ? 'cursor-not-allowed'
+            : 'cursor-pointer hover:text-[rgba(var(--coze-up-brand-9))]', className), onClick: e => {
+            if (!disabled) {
+                onClick?.(e);
+            }
+        } }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/edit-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/edit-icon-button/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACD;IACN,OAAO,CACL,KAAC,aAAa,OACR,IAAI,EACR,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,QAAQ;YACN,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,0DAA0D,EAC9D,SAAS,CACV,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/footer-actions/index.d.ts

@@ -0,0 +1,15 @@
+import { type ButtonProps } from '@coze-arch/coze-design';
+interface Props {
+    confirmBtnProps?: ButtonProps & {
+        'data-btm'?: string;
+        'data-btm-title'?: string;
+        text?: string;
+    };
+    cancelBtnProps?: ButtonProps & {
+        'data-btm'?: string;
+        'data-btm-title'?: string;
+        text?: string;
+    };
+}
+export declare function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps }, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps }, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/footer-actions/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/naming-convention */
+import { Button } from '@coze-arch/coze-design';
+import { useI18n } from '../provider';
+export function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps } = {}, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps } = {}, }) {
+    const I18n = useI18n();
+    return (_jsxs("div", { className: "flex justify-end", children: [_jsx(Button, { color: "primary", ...cancelBtnProps, children: cancelBtnText ?? I18n.t('global_btn_cancel') }), _jsx(Button, { className: "ml-2", ...confirmBtnProps, children: confirmBtnText ?? I18n.t('global_btn_confirm') })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/footer-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/footer-actions/index.tsx"],"names":[],"mappings":";AAAA,yDAAyD;AACzD,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AActC,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,GACzD;IACN,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,KAAK,cAAc,YACvC,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,GACtC,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,MAAM,KAAK,eAAe,YACzC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,GACxC,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/{types → lib}/hooks/use-infinite-scroll.d.ts

@@ -9,15 +9,15 @@ import { type InfiniteScrollOptions, type Data, type Service } from 'ahooks/lib/
  * @returns
  */
 export declare const useInfiniteScroll: <TData extends Data>(service: Service<TData>, options?: InfiniteScrollOptions<TData>) => {
-  data: TData | undefined;
-  loading: boolean;
-  error: Error | undefined;
-  loadingMore: boolean;
-  noMore: boolean;
-  loadMore: () => void;
-  loadMoreAsync: () => Promise<TData>;
-  reload: () => void;
-  reloadAsync: () => Promise<TData>;
-  mutate: import("react").Dispatch<import("react").SetStateAction<TData | undefined>>;
-  cancel: () => void;
-};
+    data: TData | undefined;
+    loading: boolean;
+    error: Error | undefined;
+    loadingMore: boolean;
+    noMore: boolean;
+    loadMore: () => void;
+    loadMoreAsync: () => Promise<TData>;
+    reload: () => void;
+    reloadAsync: () => Promise<TData>;
+    mutate: import("react").Dispatch<import("react").SetStateAction<TData | undefined>>;
+    cancel: () => void;
+};