@cozeloop/components 0.0.1 → 0.0.3

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

@@ -1,123 +1,35 @@
-"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]" })
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import classNames from 'classnames';
+import { IconCozMore } from '@coze-arch/coze-design/icons';
+import { Space, Typography, Menu, } from '@coze-arch/coze-design';
+import { TooltipWhenDisabled } from '../tooltip-when-disabled';
+import styles from './index.module.less';
+export function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wrapperClassName = '', textClassName = '', }) {
+    const [visible, setVisible] = useState(false);
+    const filteredActions = actions.filter(action => !action.hide);
+    const firstActions = filteredActions.slice(0, maxCount);
+    const moreActions = filteredActions.slice(maxCount);
+    return (_jsx("div", { className: wrapperClassName, onClick: e => {
+            e.stopPropagation();
+        }, children: _jsxs(Space, { spacing: 12, ...spaceProps, children: [firstActions.map((action, index) => (_jsx(TooltipWhenDisabled, { content: action.disabledTooltip || action.label, disabled: Boolean(action.disabled), needWrap: false, children: _jsx(Typography.Text, { size: "small", className: classNames(`!text-[13px] ${textClassName}`, {
+                            'opacity-45': action.disabled ?? disabled,
+                        }), type: action.type, disabled: action.disabled ?? disabled, onClick: () => {
+                            if (!(action.disabled ?? disabled)) {
+                                action.onClick?.();
+                            }
+                        }, link: !action.type, children: action.icon ? null : action.label }) }, index))), moreActions.length > 0 && (_jsx(Menu, { position: "bottomLeft", visible: visible, trigger: "custom", className: styles.tableColActionsDropdown, onClickOutSide: () => setVisible(false), render: _jsx(Menu.SubMenu, { mode: "menu", children: moreActions.map((action, index) => {
+                            const isDisabled = action.disabled ?? disabled;
+                            const disabledTooltipContent = action.disabledTooltip;
+                            const dropdownItem = (_jsx(Menu.Item, { disabled: isDisabled, onClick: () => {
+                                    if (!isDisabled) {
+                                        setVisible(false);
+                                        action.onClick?.();
+                                    }
+                                }, className: classNames('min-w-[90px] !p-0 !pl-2', {
+                                    'opacity-50': isDisabled,
+                                }), icon: action.icon, style: { minWidth: '90px' }, children: _jsx(Typography.Text, { type: action.type, size: "small", className: "!text-[13px] min-w-[80px]", link: !action.type, children: action.label }) }));
+                            return (_jsx("div", { children: _jsx(TooltipWhenDisabled, { content: disabledTooltipContent, disabled: Boolean(isDisabled && disabledTooltipContent), theme: "dark", needWrap: false, children: dropdownItem }) }, index));
+                        }) }), children: _jsx("div", { className: "flex items-center justify-center", onClick: () => setVisible(true), children: _jsx(IconCozMore, { className: "text-[#5A4DED]" }) }) }))] }) }));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableColActions
-});
+//# sourceMappingURL=index.js.map

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

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

package/dist/lib/table-cols-config/index.d.ts

@@ -0,0 +1,11 @@
+import { type ColumnPropsPro, type ColKey } from './type';
+export { type ColumnPropsPro, type ColKey };
+export interface TableColsConfigProps<T extends Record<string, any> = any> {
+    className?: string;
+    defaultHiddenColKeys?: ColKey[];
+    localStorageKey?: string;
+    columns?: ColumnPropsPro<T>[];
+    onChangeConfig?: (newColumns: ColumnPropsPro<T>[]) => void;
+    onClose?: () => void;
+}
+export declare function TableColsConfig<T extends Record<string, any> = any>({ className, localStorageKey, defaultHiddenColKeys, columns, onChangeConfig, onClose, }: TableColsConfigProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/table-cols-config/index.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useMemo } from 'react';
+import React from 'react';
+import classNames from 'classnames';
+import { sleep } from '@cozeloop/toolkit';
+import { Button, SideSheet, Switch, Typography } from '@coze-arch/coze-design';
+import { IconCozSetting, IconCozEye } from '@coze-arch/coze-design/icons';
+import { generateColumnsWithKey, generateConfigColumns } from './util';
+import { useHiddenColKeys } from './use-hidden-col-keys';
+import styles from './index.module.less';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function TableColsConfig({ className, localStorageKey, defaultHiddenColKeys, columns, onChangeConfig, onClose, }) {
+    const [hiddenColKeys, setHiddenColKeys] = useHiddenColKeys({
+        localStorageKey,
+        defaultHiddenColKeys,
+    });
+    const [visible, setVisible] = useState(false);
+    const handledColumns = useMemo(() => generateColumnsWithKey(columns), [columns]);
+    useEffect(() => {
+        if (!visible) {
+            const configColumns = generateConfigColumns(handledColumns, hiddenColKeys);
+            if (configColumns) {
+                // sleep 100ms，防止页面卡顿
+                sleep(100).then(() => {
+                    onChangeConfig?.(configColumns);
+                });
+            }
+        }
+    }, [handledColumns, visible]);
+    const renderItem = ({ record, index, disable, parent, }) => {
+        const { title, children, configurable = true, colKey } = record;
+        const hidden = Boolean(colKey && hiddenColKeys.includes(colKey));
+        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: classNames(styles.row, {
+                        [styles['row-border']]: parent || index !== 0,
+                    }), children: [_jsx("div", { className: classNames(styles.cell, styles['cell-left']), children: _jsx(Typography.Text, { ellipsis: { rows: 1, showTooltip: true }, children: title }) }), _jsx("div", { className: classNames(styles.cell, styles['cell-right']), children: !configurable || !colKey ? null : (_jsx(Switch, { size: "small", disabled: disable, checked: !hidden, onChange: v => {
+                                    const colsSet = new Set(hiddenColKeys);
+                                    if (v) {
+                                        colsSet.delete(colKey);
+                                    }
+                                    else {
+                                        colsSet.add(colKey);
+                                    }
+                                    const newList = [...colsSet];
+                                    setHiddenColKeys(newList);
+                                } })) })] }), children?.length ? (_jsx("div", { className: "ml-4", children: children.map((item, idx) => renderItem({
+                        record: item,
+                        index: idx,
+                        disable: hidden,
+                        parent: record,
+                    })) })) : null] }, index));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: className, icon: _jsx(IconCozSetting, {}), color: "primary", onClick: () => setVisible(true), children: "\u5217\u914D\u7F6E" }), _jsxs(SideSheet, { placement: "right", size: "small", visible: visible, onCancel: () => {
+                    setVisible(false);
+                    onClose?.();
+                }, children: [_jsxs("div", { className: styles.row, children: [_jsx("div", { className: classNames(styles.cell, styles['cell-left'], styles['cell-thead']), children: "\u5217\u540D" }), _jsx("div", { className: classNames(styles.cell, styles['cell-right'], styles['cell-thead']), children: _jsx(IconCozEye, { style: { lineHeight: '22px' } }) })] }), handledColumns?.map((item, index) => renderItem({ record: item, index })), _jsx("div", { className: "h-5" })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/table-cols-config/index.js.map

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

package/dist/lib/table-cols-config/type.d.ts

@@ -0,0 +1,6 @@
+import { type ColumnProps } from '@coze-arch/coze-design';
+export type ColKey = string | number;
+export interface ColumnPropsPro<T extends Record<string, any> = any> extends ColumnProps<T> {
+    configurable?: boolean;
+    colConfigKey?: ColKey;
+}

package/dist/lib/table-cols-config/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/lib/table-cols-config/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/table-cols-config/type.ts"],"names":[],"mappings":""}

package/dist/lib/table-cols-config/use-hidden-col-keys.d.ts

@@ -0,0 +1,5 @@
+import { type ColKey } from './type';
+export declare function useHiddenColKeys({ localStorageKey, defaultHiddenColKeys, }: {
+    localStorageKey?: string;
+    defaultHiddenColKeys?: ColKey[];
+}): readonly [ColKey[], import("react").Dispatch<import("react").SetStateAction<ColKey[]>>];

package/dist/lib/table-cols-config/use-hidden-col-keys.js

@@ -0,0 +1,32 @@
+import { useState, useEffect } from 'react';
+import { safeJsonParse } from '@cozeloop/toolkit';
+const ITEM_KEY = 'FORNAX_TABLE_HIDDEN_COLS';
+export function useHiddenColKeys({ localStorageKey, defaultHiddenColKeys, }) {
+    const handleSetHiddenColKeys = () => {
+        if (localStorageKey) {
+            const res = safeJsonParse(localStorage.getItem(ITEM_KEY));
+            if (res) {
+                const list = res[`${localStorageKey}`];
+                if (list) {
+                    return list;
+                }
+            }
+        }
+        return defaultHiddenColKeys || [];
+    };
+    const [hiddenColKeys, setHiddenColKeys] = useState(handleSetHiddenColKeys);
+    useEffect(() => {
+        setHiddenColKeys(handleSetHiddenColKeys());
+    }, [defaultHiddenColKeys]);
+    useEffect(() => {
+        if (localStorageKey) {
+            const res = safeJsonParse(localStorage.getItem(ITEM_KEY)) || {};
+            res[`${localStorageKey}`] = hiddenColKeys.length
+                ? hiddenColKeys
+                : undefined;
+            localStorage.setItem(ITEM_KEY, JSON.stringify(res));
+        }
+    }, [hiddenColKeys]);
+    return [hiddenColKeys, setHiddenColKeys];
+}
+//# sourceMappingURL=use-hidden-col-keys.js.map

package/dist/lib/table-cols-config/use-hidden-col-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hidden-col-keys.js","sourceRoot":"","sources":["../../../src/table-cols-config/use-hidden-col-keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,oBAAoB,GAIrB;IACC,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,aAAa,CACvB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC/B,CAAC;YACF,IAAI,GAAG,EAAE,CAAC;gBACR,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,eAAe,EAAE,CAAC,CAAC;gBACvC,IAAI,IAAI,EAAE,CAAC;oBACT,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,oBAAoB,IAAI,EAAE,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,sBAAsB,CACvB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,GAAG,GACP,aAAa,CACX,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC/B,IAAI,EAAE,CAAC;YACV,GAAG,CAAC,GAAG,eAAe,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM;gBAC9C,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,SAAS,CAAC;YACd,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,aAAa,EAAE,gBAAgB,CAAU,CAAC;AACpD,CAAC"}

package/dist/lib/table-cols-config/util.d.ts

@@ -0,0 +1,3 @@
+import { type ColumnPropsPro, type ColKey } from './type';
+export declare function generateColumnsWithKey<T extends Record<string, any> = any>(cols?: ColumnPropsPro<T>[], hiddenColKeys?: ColKey[]): ColumnPropsPro<T>[] | undefined;
+export declare function generateConfigColumns<T extends Record<string, any> = any>(cols?: ColumnPropsPro<T>[], hiddenColKeys?: ColKey[]): ColumnPropsPro<T>[] | undefined;

package/dist/lib/table-cols-config/util.js

@@ -0,0 +1,39 @@
+export function generateColumnsWithKey(cols, hiddenColKeys) {
+    function mapCol(col, index, parentKey) {
+        const { key, children } = col;
+        let colKey;
+        if (key) {
+            colKey = key;
+        }
+        else {
+            const indexKey = `index${index}`;
+            colKey = parentKey ? `${parentKey}-${indexKey}` : indexKey;
+        }
+        return {
+            ...col,
+            colKey,
+            children: children?.map((child, idx) => mapCol(child, idx, colKey)),
+        };
+    }
+    return cols?.map((col, index) => mapCol(col, index));
+}
+export function generateConfigColumns(cols, hiddenColKeys) {
+    if (!hiddenColKeys?.length) {
+        return cols;
+    }
+    function mapCols(list) {
+        const res = [];
+        list?.forEach(col => {
+            if (hiddenColKeys?.includes(col.colKey)) {
+                return;
+            }
+            res.push({
+                ...col,
+                children: col.children && mapCols(col.children),
+            });
+        });
+        return res;
+    }
+    return mapCols(cols);
+}
+//# sourceMappingURL=util.js.map

package/dist/lib/table-cols-config/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/table-cols-config/util.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,sBAAsB,CACpC,IAA0B,EAC1B,aAAwB;IAExB,SAAS,MAAM,CACb,GAAsB,EACtB,KAAa,EACb,SAAkB;QAElB,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;QAC9B,IAAI,MAAc,CAAC;QACnB,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,GAAG,GAAG,CAAC;QACf,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,CAAC;YACjC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC7D,CAAC;QAED,OAAO;YACL,GAAG,GAAG;YACN,MAAM;YACN,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;SACpE,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,IAA0B,EAC1B,aAAwB;IAExB,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,OAAO,CAAC,IAA0B;QACzC,MAAM,GAAG,GAAwB,EAAE,CAAC;QACpC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE;YAClB,IAAI,aAAa,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAgB,CAAC,EAAE,CAAC;gBAClD,OAAO;YACT,CAAC;YACD,GAAG,CAAC,IAAI,CAAC;gBACP,GAAG,GAAG;gBACN,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,QAA4B,CAAC;aACpE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;AACvB,CAAC"}

package/dist/lib/table-empty/index.d.ts

@@ -0,0 +1,2 @@
+import { type EmptyStateProps } from '@coze-arch/coze-design';
+export declare function TableEmpty({ className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { IconCozIllusNone, IconCozIllusNoneDark, } from '@coze-arch/coze-design/illustrations';
+import { EmptyState } from '@coze-arch/coze-design';
+import { useI18n } from '../provider';
+export function TableEmpty({ className, ...props }) {
+    const I18n = useI18n();
+    return (_jsx(EmptyState, { className: classNames('my-10', className), icon: _jsx(IconCozIllusNone, {}), darkModeIcon: _jsx(IconCozIllusNoneDark, {}), description: I18n.t('evaluate_dataset_no_data_yet'), ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/table-empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-empty/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAC;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACjE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EACzC,IAAI,EAAE,KAAC,gBAAgB,KAAG,EAC1B,YAAY,EAAE,KAAC,oBAAoB,KAAG,EACtC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,8BAA8B,CAAC,KAC/C,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/{table-header → lib/table-header}/index.d.ts

@@ -1,7 +1,9 @@
 import { type ButtonProps } from '@coze-arch/coze-design';
-import { type ColumnSelectorProps } from '@/columns-select';
+import { type ColumnSelectorProps } from '../columns-select';
+import { type TableColsConfigProps } from '../table-cols-config';
 export interface TableHeaderProps {
     columnSelectorConfigProps?: ColumnSelectorProps;
+    tableColsConfigProps?: TableColsConfigProps;
     filterForm?: React.ReactNode;
     actions?: React.ReactNode;
     className?: string;
@@ -9,4 +11,4 @@ export interface TableHeaderProps {
     spaceProps?: Record<string, unknown>;
     refreshButtonPros?: ButtonProps;
 }
-export declare function TableHeader({ columnSelectorConfigProps, filterForm, actions, className, style, spaceProps, refreshButtonPros, }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeader({ columnSelectorConfigProps, tableColsConfigProps, filterForm, actions, className, style, spaceProps, refreshButtonPros, }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,96 +1,11 @@
-"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
-        ] }))
-      ]
-    }
-  );
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { IconCozRefresh } from '@coze-arch/coze-design/icons';
+import { Button, Space, Tooltip, } from '@coze-arch/coze-design';
+import { ColumnSelector } from '../columns-select';
+import { TableColsConfig } from '../table-cols-config';
+import styles from './index.module.less';
+export function TableHeader({ columnSelectorConfigProps, tableColsConfigProps, filterForm, actions, className, style, spaceProps, refreshButtonPros, }) {
+    return (_jsxs("div", { className: classNames('flex flex-row justify-between w-full ', className), style: style, children: [_jsxs("div", { className: classNames('flex flex-row', styles['table-header-form']), children: [tableColsConfigProps ? (_jsx(TableColsConfig, { className: classNames('mr-2', tableColsConfigProps.className), ...tableColsConfigProps })) : null, filterForm] }), _jsxs(Space, { ...(spaceProps || {}), children: [refreshButtonPros ? (_jsx(Tooltip, { content: "\u5237\u65B0", theme: "dark", children: _jsx(Button, { color: "primary", icon: _jsx(IconCozRefresh, {}), ...refreshButtonPros }) })) : null, columnSelectorConfigProps ? (_jsx(ColumnSelector, { className: classNames(columnSelectorConfigProps.className), ...columnSelectorConfigProps })) : null, actions] })] }));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableHeader
-});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAER,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAA4B,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAC;AAElF,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,UAAU,WAAW,CAAC,EAC1B,yBAAyB,EACzB,oBAAoB,EACpB,UAAU,EACV,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,EACV,iBAAiB,GACA;IACjB,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,KAAK,aAEZ,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,aACrE,oBAAoB,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,SAAS,CAAC,KACzD,oBAAoB,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,IACP,EACN,MAAC,KAAK,OAAK,CAAC,UAAU,IAAI,EAAE,CAAC,aAC1B,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IAAC,OAAO,EAAC,cAAI,EAAC,KAAK,EAAC,MAAM,YAChC,KAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,KAAC,cAAc,KAAG,KACpB,iBAAiB,GACb,GACF,CACX,CAAC,CAAC,CAAC,IAAI,EACP,yBAAyB,CAAC,CAAC,CAAC,CAC3B,KAAC,cAAc,IACb,SAAS,EAAE,UAAU,CAAC,yBAAyB,CAAC,SAAS,CAAC,KACtD,yBAAyB,GAC7B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IACF,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/tabs/index.js

@@ -1,74 +1,9 @@
-"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 tabs_exports = {};
-__export(tabs_exports, {
-  LoopTabs: () => LoopTabs
-});
-module.exports = __toCommonJS(tabs_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
-var import_coze_design = require("@coze-arch/coze-design");
-var import_index = __toESM(require("./index.module"));
-const LoopTabs = (props) => {
-  const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Tabs, __spreadProps(__spreadValues({}, rest), { className: (0, import_classnames.default)(import_index.default.tabs, className) }));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LoopTabs
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import cs from 'classnames';
+import { Tabs } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export const LoopTabs = (props) => {
+    const { className, ...rest } = props;
+    return _jsx(Tabs, { ...rest, className: cs(styles.tabs, className) });
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAkB,MAAM,wBAAwB,CAAC;AAE9D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,KAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAI,CAAC;AACnE,CAAC,CAAC"}

package/dist/lib/text-area-pro/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type TextAreaProps } from '@coze-arch/coze-design';
+export interface Props extends TextAreaProps {
+    bottomExtra?: React.ReactNode;
+}
+export declare function TextAreaPro({ bottomExtra, ...props }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/lib/text-area-pro/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Modal, TextArea, } from '@coze-arch/coze-design';
+import { IconCozContent } from '@coze-arch/coze-design/icons';
+import s from './index.module.less';
+export function TextAreaPro({ bottomExtra, ...props }) {
+    const [full, setFull] = useState(false);
+    return (_jsxs("div", { className: "relative", children: [full ? (_jsx(Modal, { motion: false, title: " ", fullScreen: true, visible: true, onCancel: () => setFull(false), footer: null, children: _jsx(TextArea, { ...props, rows: undefined, className: s.full }) })) : null, _jsx(TextArea, { ...props }), _jsxs("div", { className: "absolute bottom-1 left-1 z-10 h-8 flex flex-row items-center", children: [_jsx(Button, { className: "z-10 h-8 w-8", icon: _jsx(IconCozContent, {}), size: "small", color: "secondary", type: "tertiary", onClick: () => setFull(true) }), bottomExtra] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/text-area-pro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area-pro/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EACL,MAAM,EACN,KAAK,EACL,QAAQ,GAET,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,CAAC,MAAM,qBAAqB,CAAC;AAMpC,MAAM,UAAU,WAAW,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAS;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,KAAK,IACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAC,GAAG,EACT,UAAU,QACV,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9B,MAAM,EAAE,IAAI,YAEZ,KAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,GAAI,GACrD,CACT,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,QAAQ,OAAK,KAAK,GAAI,EACvB,eAAK,SAAS,EAAC,8DAA8D,aAC3E,KAAC,MAAM,IACL,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GACpB,EACT,WAAW,IACR,IACF,CACP,CAAC;AACJ,CAAC"}