@cozeloop/components 0.0.1

package/dist/lib/table/sort-icon.js

@@ -0,0 +1,137 @@
+"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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 sort_icon_exports = {};
+__export(sort_icon_exports, {
+  IconSortArrow: () => IconSortArrow,
+  default: () => LoopTableSortIcon
+});
+module.exports = __toCommonJS(sort_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_coze_design = require("@coze-arch/coze-design");
+var import_icon_button_container = __toESM(require("../id-render/icon-button-container"));
+const activeColor = "rgb(var(--coze-up-brand-9))";
+const unActiveColor = "var(--coz-fg-dim)";
+const IconSortArrow = (_a) => {
+  var _b = _a, {
+    sortOrder
+  } = _b, rest = __objRest(_b, [
+    "sortOrder"
+  ]);
+  let descendColor = "currentColor";
+  let ascendColor = "currentColor";
+  if (sortOrder === "descend") {
+    descendColor = activeColor;
+    ascendColor = unActiveColor;
+  } else if (sortOrder === "ascend") {
+    descendColor = unActiveColor;
+    ascendColor = activeColor;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M7.00012 1.99976C7.55241 1.99976 8.00012 2.44747 8.00012 2.99976V17.2677L9.6341 14.4376C9.91024 13.9593 10.5218 13.7954 11.0001 14.0715C11.4784 14.3477 11.6423 14.9593 11.3661 15.4376L7.8758 21.483C7.85628 21.5183 7.83468 21.5523 7.81118 21.5849C7.72727 21.7015 7.62174 21.7953 7.50337 21.8641C7.38229 21.9347 7.24502 21.9807 7.09848 21.995C7.06439 21.9984 7.03007 22 6.99566 21.9999C6.64882 22.0011 6.31102 21.8217 6.12517 21.4998L2.62517 15.4376C2.34903 14.9593 2.5129 14.3477 2.99119 14.0715C3.46949 13.7954 4.08108 13.9593 4.35722 14.4376L6.00012 17.2832V2.99976C6.00012 2.44747 6.44784 1.99976 7.00012 1.99976Z",
+            fill: descendColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M17.001 21.9999C16.4487 21.9999 16.001 21.5522 16.001 20.9999L16.001 6.73198L14.367 9.5621C14.0909 10.0404 13.4793 10.2043 13.001 9.92813C12.5227 9.65199 12.3589 9.04039 12.635 8.5621L16.1253 2.51665C16.1449 2.48135 16.1665 2.44735 16.19 2.41482C16.2739 2.29823 16.3794 2.20436 16.4978 2.13559C16.6189 2.06494 16.7561 2.019 16.9027 2.0047C16.9368 2.0013 16.9711 1.99964 17.0055 1.99977C17.3523 1.99854 17.6901 2.17802 17.876 2.49993L21.376 8.5621C21.6521 9.0404 21.4882 9.65199 21.0099 9.92813C20.5317 10.2043 19.9201 10.0404 19.6439 9.5621L18.001 6.71652L18.001 20.9999C18.001 21.5522 17.5533 21.9999 17.001 21.9999Z",
+            fill: ascendColor
+          }
+        )
+      ]
+    })
+  );
+};
+function LoopTableSortIcon({
+  sortOrder
+}) {
+  let tooltip = "点击升序";
+  if (sortOrder === "ascend") {
+    tooltip = "点击降序";
+  } else if (sortOrder === "descend") {
+    tooltip = "点击恢复默认排序";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Tooltip, { theme: "dark", content: tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_icon_button_container.default,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        IconSortArrow,
+        {
+          sortOrder,
+          className: "text-[var(--coz-fg-secondary)]"
+        }
+      )
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconSortArrow
+});

package/dist/lib/table/table-with-pagination.js

@@ -0,0 +1,146 @@
+"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 table_with_pagination_exports = {};
+__export(table_with_pagination_exports, {
+  DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
+  PAGE_SIZE_OPTIONS: () => PAGE_SIZE_OPTIONS,
+  TableWithPagination: () => TableWithPagination
+});
+module.exports = __toCommonJS(table_with_pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_coze_design = require("@coze-arch/coze-design");
+var import_sort_icon = __toESM(require("./sort-icon"));
+var import_index = require("./index");
+const PAGE_SIZE_OPTIONS = [10, 20, 50];
+const DEFAULT_PAGE_SIZE = 10;
+function TableWithPagination(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const {
+    pageSizeOpts,
+    service,
+    header,
+    heightFull = false,
+    footerWithPagination
+  } = props;
+  const { columns } = (_a = props.tableProps) != null ? _a : {};
+  const tableContainerRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(tableContainerRef.current);
+  const tableHeaderSize = (0, import_ahooks.useSize)(
+    (_b = tableContainerRef.current) == null ? void 0 : _b.querySelector(".semi-table-header")
+  );
+  const tablePagination = (0, import_react.useMemo)(
+    () => ({
+      currentPage: service.pagination.current,
+      pageSize: service.pagination.pageSize,
+      total: Number(service.pagination.total),
+      onChange: (page, pageSize) => {
+        service.pagination.onChange(page, pageSize);
+      },
+      showSizeChanger: true,
+      pageSizeOpts: pageSizeOpts != null ? pageSizeOpts : PAGE_SIZE_OPTIONS
+    }),
+    [service.pagination, pageSizeOpts]
+  );
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    if (service.pagination.current > 1 && ((_b2 = (_a2 = service == null ? void 0 : service.data) == null ? void 0 : _a2.list) == null ? void 0 : _b2.length) === 0) {
+      service.pagination.changeCurrent(1);
+    }
+  }, [service.pagination.current, (_c = service == null ? void 0 : service.data) == null ? void 0 : _c.list]);
+  const tableHeaderHeight = (_d = tableHeaderSize == null ? void 0 : tableHeaderSize.height) != null ? _d : 56;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `${heightFull ? "h-full flex overflow-hidden" : ""} flex flex-col gap-3`,
+      children: [
+        header ? header : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref: tableContainerRef,
+            className: heightFull ? "flex-1 overflow-hidden" : "",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_index.LoopTable,
+              __spreadProps(__spreadValues({}, props), {
+                tableProps: __spreadProps(__spreadValues({
+                  empty: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+                }, (_e = props.tableProps) != null ? _e : {}), {
+                  scroll: __spreadValues({
+                    // 表格容器的高度减去表格头的高度
+                    y: (size == null ? void 0 : size.height) === void 0 || !heightFull ? void 0 : size.height - tableHeaderHeight - 2
+                  }, (_g = (_f = props.tableProps) == null ? void 0 : _f.scroll) != null ? _g : {}),
+                  loading: service == null ? void 0 : service.loading,
+                  columns: (_h = columns == null ? void 0 : columns.filter(
+                    (column) => column.hidden !== true && column.checked !== false
+                  )) == null ? void 0 : _h.map((column) => __spreadValues(__spreadValues({}, column), column.sorter && !column.sortIcon ? { sortIcon: import_sort_icon.default } : {})),
+                  dataSource: (_j = (_i = service == null ? void 0 : service.data) == null ? void 0 : _i.list) != null ? _j : []
+                })
+              })
+            )
+          }
+        ),
+        service.pagination.current > 1 || ((_l = (_k = service == null ? void 0 : service.data) == null ? void 0 : _k.list) == null ? void 0 : _l.length) && ((_n = (_m = service == null ? void 0 : service.data) == null ? void 0 : _m.list) == null ? void 0 : _n.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "shrink-0 flex flex-row-reverse justify-between items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_coze_design.CozPagination,
+            __spreadProps(__spreadValues({}, tablePagination), {
+              showTotal: true,
+              showSizeChanger: true
+            })
+          ),
+          footerWithPagination
+        ] }) : null
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_PAGE_SIZE,
+  PAGE_SIZE_OPTIONS,
+  TableWithPagination
+});

package/dist/lib/table/table-without-pagniation.js

@@ -0,0 +1,108 @@
+"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 table_without_pagniation_exports = {};
+__export(table_without_pagniation_exports, {
+  DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
+  PAGE_SIZE_OPTIONS: () => PAGE_SIZE_OPTIONS,
+  TableWithoutPagination: () => TableWithoutPagination
+});
+module.exports = __toCommonJS(table_without_pagniation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_sort_icon = __toESM(require("./sort-icon"));
+var import_index = require("./index");
+const PAGE_SIZE_OPTIONS = [10, 20, 50];
+const DEFAULT_PAGE_SIZE = 10;
+function TableWithoutPagination(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { header, heightFull = false } = props;
+  const { columns } = (_a = props.tableProps) != null ? _a : {};
+  const tableContainerRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(tableContainerRef.current);
+  const tableHeaderSize = (0, import_ahooks.useSize)(
+    (_b = tableContainerRef.current) == null ? void 0 : _b.querySelector(".semi-table-header")
+  );
+  const tableHeaderHeight = (_c = tableHeaderSize == null ? void 0 : tableHeaderSize.height) != null ? _c : 56;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `${heightFull ? "h-full flex overflow-hidden" : ""} flex flex-col gap-3`,
+      children: [
+        header ? header : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref: tableContainerRef,
+            className: heightFull ? "flex-1 overflow-hidden" : "",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_index.LoopTable,
+              __spreadProps(__spreadValues({}, props), {
+                tableProps: __spreadProps(__spreadValues({
+                  empty: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+                }, (_d = props.tableProps) != null ? _d : {}), {
+                  scroll: __spreadValues({
+                    // 表格容器的高度减去表格头的高度
+                    y: (size == null ? void 0 : size.height) === void 0 || !heightFull ? void 0 : size.height - tableHeaderHeight - 2
+                  }, (_f = (_e = props.tableProps) == null ? void 0 : _e.scroll) != null ? _f : {}),
+                  columns: (_g = columns == null ? void 0 : columns.filter(
+                    (column) => column.hidden !== true && column.checked !== false
+                  )) == null ? void 0 : _g.map((column) => __spreadValues(__spreadValues({}, column), column.sorter && !column.sortIcon ? { sortIcon: import_sort_icon.default } : {}))
+                })
+              })
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_PAGE_SIZE,
+  PAGE_SIZE_OPTIONS,
+  TableWithoutPagination
+});

package/dist/lib/table-col-actions/index.js

@@ -0,0 +1,123 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var table_col_actions_exports = {};
+__export(table_col_actions_exports, {
+  TableColActions: () => TableColActions
+});
+module.exports = __toCommonJS(table_col_actions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_icons = require("@coze-arch/coze-design/icons");
+var import_coze_design = require("@coze-arch/coze-design");
+var import_tooltip_with_disabled = require("../tooltip-with-disabled");
+function TableColActions({ actions, maxCount = 2, disabled }) {
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const filteredActions = actions.filter((action) => !action.hide);
+  const firstActions = filteredActions.slice(0, maxCount);
+  const moreActions = filteredActions.slice(maxCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_coze_design.Space, { spacing: 12, children: [
+        firstActions.map((action, index) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tooltip_with_disabled.TooltipWhenDisabled,
+            {
+              content: action.disabledTooltip || action.label,
+              disabled: Boolean(action.disabled),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_coze_design.Typography.Text,
+                {
+                  size: "small",
+                  className: "!text-[13px]",
+                  type: action.type,
+                  disabled: (_a = action.disabled) != null ? _a : disabled,
+                  onClick: () => {
+                    var _a2, _b;
+                    if (!((_a2 = action.disabled) != null ? _a2 : disabled)) {
+                      (_b = action.onClick) == null ? void 0 : _b.call(action);
+                    }
+                  },
+                  link: !action.type,
+                  children: action.icon ? null : action.label
+                }
+              )
+            },
+            index
+          );
+        }),
+        moreActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_coze_design.Dropdown,
+          {
+            position: "bottomLeft",
+            visible,
+            trigger: "custom",
+            onClickOutSide: () => setVisible(false),
+            render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Dropdown.Menu, { mode: "menu", children: moreActions.map((action, index) => {
+              var _a;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_coze_design.Dropdown.Item,
+                {
+                  disabled: (_a = action.disabled) != null ? _a : disabled,
+                  onClick: () => {
+                    var _a2, _b;
+                    if (!((_a2 = action.disabled) != null ? _a2 : disabled)) {
+                      setVisible(false);
+                      (_b = action.onClick) == null ? void 0 : _b.call(action);
+                    }
+                  },
+                  className: "min-w-[90px] !p-0 !pl-2",
+                  icon: action.icon,
+                  style: { minWidth: "90px" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_coze_design.Typography.Text,
+                    {
+                      type: action.type,
+                      size: "small",
+                      className: "!text-[13px]",
+                      link: !action.type,
+                      children: action.label
+                    }
+                  )
+                },
+                index
+              );
+            }) }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: "flex items-center justify-center",
+                onClick: () => setVisible(true),
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozMore, { className: "text-[#5A4DED]" })
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableColActions
+});

package/dist/lib/table-header/index.js

@@ -0,0 +1,96 @@
+"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 table_header_exports = {};
+__export(table_header_exports, {
+  TableHeader: () => TableHeader
+});
+module.exports = __toCommonJS(table_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@coze-arch/coze-design/icons");
+var import_coze_design = require("@coze-arch/coze-design");
+var import_columns_select = require("../columns-select");
+var import_index = __toESM(require("./index.module"));
+function TableHeader({
+  columnSelectorConfigProps,
+  filterForm,
+  actions,
+  className,
+  style,
+  spaceProps,
+  refreshButtonPros
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)("flex flex-row justify-between w-full ", className),
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)("flex flex-row", import_index.default["table-header-form"]), children: filterForm }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_coze_design.Space, __spreadProps(__spreadValues({}, spaceProps || {}), { children: [
+          refreshButtonPros ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Tooltip, { content: "刷新", theme: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_coze_design.Button,
+            __spreadValues({
+              color: "primary",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozRefresh, {})
+            }, refreshButtonPros)
+          ) }) : null,
+          columnSelectorConfigProps ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_columns_select.ColumnSelector,
+            __spreadValues({
+              className: (0, import_classnames.default)(columnSelectorConfigProps.className)
+            }, columnSelectorConfigProps)
+          ) : null,
+          actions
+        ] }))
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableHeader
+});

package/dist/lib/table-header/index.module.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_module_exports = {};
+__export(index_module_exports, {
+  default: () => index_module_default
+});
+module.exports = __toCommonJS(index_module_exports);
+var import_index_module = require("./index_module.css");
+var index_module_default = { "table-header-form": "table-header-form_47d15" };

package/dist/lib/table-header/index_module.css

@@ -0,0 +1,3 @@
+.table-header-form_47d15 .semi-form-horizontal .semi-form-field {
+  padding-right: 8px;
+}