@cozeloop/components 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# @cozeloop/components
+
+CozeLoop Components

package/dist/base-search-select/base-search-form-select.d.ts

@@ -0,0 +1,3 @@
+import { type BaseSelectProps } from './types';
+declare const BaseSearchFormSelect: React.FC<BaseSelectProps>;
+export default BaseSearchFormSelect;

package/dist/base-search-select/base-search-form-select.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withField } from '@coze-arch/coze-design';
+import BaseSearchSelect from './base-search-select';
+const BaseSearchFormSelect = withField((props) => _jsx(BaseSearchSelect, { ...props }));
+export default BaseSearchFormSelect;
+//# sourceMappingURL=base-search-form-select.js.map

package/dist/base-search-select/base-search-form-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-search-form-select.js","sourceRoot":"","sources":["../../src/base-search-select/base-search-form-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,MAAM,oBAAoB,GAA8B,SAAS,CAC/D,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAC5D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/base-search-select/base-search-select.d.ts

@@ -0,0 +1,9 @@
+import { type BaseSelectProps } from './types';
+/**
+ * 基础选择器组件
+ * 解决两个主要问题：
+ * 1. 初始选中值不在第一页数据中导致只显示ID
+ * 2. 搜索后选中值不在结果中导致只显示ID
+ */
+declare const BaseSearchSelect: (props: BaseSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default BaseSearchSelect;

package/dist/base-search-select/base-search-select.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { isNull, isUndefined } from 'lodash-es';
+import classNames from 'classnames';
+import { useRequest } from 'ahooks';
+import { IconCozRefresh } from '@coze-arch/coze-design/icons';
+import { Select, Tooltip, Button, } from '@coze-arch/coze-design';
+import { getOptionsNotInList, transformValueToArray } from './utils';
+import styles from './index.module.less';
+/**
+ * 基础选择器组件
+ * 解决两个主要问题：
+ * 1. 初始选中值不在第一页数据中导致只显示ID
+ * 2. 搜索后选中值不在结果中导致只显示ID
+ */
+// eslint-disable-next-line @coze-arch/max-line-per-function
+const BaseSearchSelect = (props) => {
+    const { optionList: _optionList, loadOptionByIds, value, defaultValue, onSearch, renderSelectedItem, onChangeWithObject, onDropdownVisibleChange, showRefreshBtn, onClickRefresh, } = props;
+    // 是否在搜索中
+    const [searchWord, setSearchWord] = useState('');
+    const [refreshFlag, setRefreshFlag] = useState([]);
+    const [dropdownVisible, setDropdownVisible] = useState(false);
+    const optionMapRef = useRef({});
+    const optionList = useMemo(() => _optionList || [], [_optionList]);
+    const isOptionListNotExists = useMemo(() => !_optionList, [_optionList]);
+    useEffect(() => {
+        if (isOptionListNotExists) {
+            return;
+        }
+        // 每次 optionList 变化, 将 optionList 中的 option 添加到 optionMapRef 中缓存
+        (optionList || []).forEach(item => {
+            optionMapRef.current[item?.value] = item;
+        });
+    }, [optionList]);
+    // 初始化
+    useRequest(async () => {
+        const initialValue = value || defaultValue;
+        // 1. 判断 list 有没有value, 有则不发请求
+        if (isUndefined(initialValue) ||
+            isNull(initialValue) ||
+            initialValue === '' ||
+            !loadOptionByIds) {
+            return;
+        }
+        // 2. 判断 optionList 中有没有 value 中不存在的 选项, 有则不发请求
+        const optionsNotInList = getOptionsNotInList({
+            value: initialValue,
+            optionList,
+            onChangeWithObject,
+        });
+        if (optionsNotInList.length === 0) {
+            return;
+        }
+        try {
+            const payload = transformValueToArray(value, onChangeWithObject);
+            const fetchOptions = await loadOptionByIds(payload);
+            if (fetchOptions) {
+                setRefreshFlag([]);
+                optionMapRef.current = {
+                    ...optionMapRef.current,
+                    ...fetchOptions.reduce((acc, item) => {
+                        acc[item?.value] = item;
+                        return acc;
+                    }, {}),
+                };
+            }
+        }
+        catch (error) {
+            console.error('Failed to load selected option:', error);
+        }
+    }, {
+        refreshDeps: [value],
+    });
+    /**
+     * 最后展示的选项
+     */
+    const cacheOptions = useMemo(() => {
+        // searchWord 表示处于搜索中, 不应该展示不在选项列表中的选项
+        if (!value || searchWord) {
+            return optionList;
+        }
+        const optionsNotInList = getOptionsNotInList({
+            value,
+            optionList,
+            onChangeWithObject,
+        });
+        // value 所有选项都在选项列表中, 直接返回
+        if (optionsNotInList.length === 0) {
+            return optionList;
+        }
+        // value 不在选项列表, 则对value进行处理, 前面已经处理为arr了
+        // 所以这里可以直接按arr 处理 返回缓存中的选项
+        const optionsInCache = optionsNotInList.map(k => optionMapRef.current[k]);
+        return [...optionsInCache, ...optionList];
+    }, [optionList, value, searchWord, refreshFlag]);
+    /**
+     * 选中项渲染, 如果list中没有, 从缓存中拿当前的选种值
+     */
+    const RenderSelectedItem = useCallback((optionNode, multipleProps) => {
+        const renderOpt = optionMapRef.current[optionNode?.value] || optionNode;
+        if (renderSelectedItem) {
+            return renderSelectedItem(renderOpt, multipleProps);
+        }
+        // 多选
+        if (multipleProps) {
+            return {
+                isRenderInTag: true,
+                content: renderOpt?.label || renderOpt?.value,
+            };
+        }
+        return renderOpt?.label || renderOpt?.value;
+    }, [renderSelectedItem]);
+    return (_jsx(Select, { suffix: showRefreshBtn && dropdownVisible ? (_jsx(Tooltip, { theme: "dark", content: "\u5237\u65B0", children: _jsxs("div", { className: "flex flex-row items-center", children: [_jsx(Button, { className: "!h-6 !w-6", icon: _jsx(IconCozRefresh, {}), size: "small", color: "secondary", onClick: () => onClickRefresh?.() }), _jsx("div", { className: "h-3 w-0 border-0 border-l border-solid coz-stroke-primary ml-[2px]" })] }) })) : null, ...props, onDropdownVisibleChange: visible => {
+            setDropdownVisible(visible);
+            onDropdownVisibleChange?.(visible);
+        }, dropdownClassName: classNames(styles['select-dropdown-style'], props.dropdownClassName), optionList: isOptionListNotExists ? undefined : cacheOptions, renderSelectedItem: RenderSelectedItem, onSearch: (vs, e) => {
+            setSearchWord(vs);
+            if (onSearch) {
+                onSearch?.(vs, e);
+            }
+        } }));
+};
+export default BaseSearchSelect;
+//# sourceMappingURL=base-search-select.js.map

package/dist/base-search-select/base-search-select.js.map

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

package/dist/base-search-select/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BaseSearchSelect } from './base-search-select';
+export { default as BaseSearchFormSelect } from './base-search-form-select';
+export { type BaseSelectProps } from './types';

package/dist/base-search-select/index.js

@@ -0,0 +1,3 @@
+export { default as BaseSearchSelect } from './base-search-select';
+export { default as BaseSearchFormSelect } from './base-search-form-select';
+//# sourceMappingURL=index.js.map

package/dist/base-search-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-search-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/base-search-select/types.d.ts

@@ -0,0 +1,10 @@
+import { type OptionProps, type SelectProps } from '@coze-arch/coze-design';
+export interface BaseSelectProps extends SelectProps {
+    loadOptionByIds?: (ids?: string | number | any[] | Record<string, any> | undefined) => Promise<(OptionProps & {
+        [key: string]: any;
+    })[]>;
+    /** 是否显示刷新按钮 */
+    showRefreshBtn?: boolean;
+    /** 点击刷新按钮的回调 */
+    onClickRefresh?: () => void;
+}

package/dist/base-search-select/types.js

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

package/dist/base-search-select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/base-search-select/types.ts"],"names":[],"mappings":""}

package/dist/base-search-select/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const transformValueToArray: (value: any, onChangeWithObject?: boolean) => any[];
+export declare const filterValueNotInOptionList: (value: any, optionSet: Set<string | number | undefined>, onChangeWithObject?: boolean) => Int64[];
+export declare const getOptionsNotInList: ({ value, optionList, onChangeWithObject, }: {
+    value: any;
+    optionList: any[];
+    onChangeWithObject?: boolean;
+}) => Int64[];
+export declare const initialValueChecker: (value: any, optionList: any[], onChangeWithObject?: boolean) => any;

package/dist/base-search-select/utils.js

@@ -0,0 +1,48 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export const transformValueToArray = (value, onChangeWithObject = false) => {
+    // 对象传入
+    if (onChangeWithObject) {
+        // 对象数组
+        if (Array.isArray(value)) {
+            return value.map(item => item?.value || '').filter(Boolean);
+        }
+        // 单个对象
+        return value?.value ? [value?.value] : [];
+    }
+    // 普通数组 或 字符串
+    return Array.isArray(value) ? value : [value];
+};
+// 过滤 value 中不在 optionlist 中的 option
+export const filterValueNotInOptionList = (value, optionSet, onChangeWithObject = false) => {
+    if (onChangeWithObject) {
+        // 对象数组
+        if (Array.isArray(value)) {
+            return value
+                .filter(item => !optionSet.has(item?.value))
+                .map(it => it?.value);
+        }
+        // 单个对象
+        return optionSet.has(value?.value) ? [] : [value?.value];
+    }
+    if (Array.isArray(value)) {
+        return value.filter(item => !optionSet.has(item));
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        return optionSet.has(value) ? [] : [value];
+    }
+    return [];
+};
+export const getOptionsNotInList = ({ value, optionList, onChangeWithObject = false, }) => {
+    // 集合
+    const existingValues = new Set(optionList.map(item => item.value));
+    // 找到 value 里面不在选项列表中的选项
+    const optionsNotInList = filterValueNotInOptionList(value, existingValues, onChangeWithObject);
+    return optionsNotInList;
+};
+export const initialValueChecker = (value, optionList, onChangeWithObject = false) => {
+    if (typeof value === 'string') {
+        return true;
+    }
+    return value;
+};
+//# sourceMappingURL=utils.js.map

package/dist/base-search-select/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-search-select/utils.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAU,EACV,kBAAkB,GAAG,KAAK,EAC1B,EAAE;IACF,OAAO;IACP,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO;QACP,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,CAAC;IACD,aAAa;IACb,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,KAAU,EACV,SAA2C,EAC3C,kBAAkB,GAAG,KAAK,EACjB,EAAE;IACX,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC3C,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO;QACP,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,UAAU,EACV,kBAAkB,GAAG,KAAK,GAK3B,EAAE,EAAE;IACH,KAAK;IACL,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnE,wBAAwB;IACxB,MAAM,gBAAgB,GAAG,0BAA0B,CACjD,KAAK,EACL,cAAc,EACd,kBAAkB,CACnB,CAAC;IACF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAU,EACV,UAAiB,EACjB,kBAAkB,GAAG,KAAK,EAC1B,EAAE;IACF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/code-editor/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CodeEditor, DiffEditor } from '@monaco-editor/react';
+export { type Monaco, type MonacoDiffEditor } from '@monaco-editor/react';
+export { type editor } from 'monaco-editor';

package/dist/code-editor/index.js

@@ -0,0 +1,6 @@
+export { default as CodeEditor, DiffEditor } from '@monaco-editor/react';
+import { loader } from '@monaco-editor/react';
+loader.config({
+    paths: { vs: MONACO_UNPKG },
+});
+//# sourceMappingURL=index.js.map

package/dist/code-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/code-editor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,CAAC;IACZ,KAAK,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE;CAC5B,CAAC,CAAC"}

package/dist/collapse-card/index.d.ts

@@ -0,0 +1,13 @@
+interface CollapseCardProps {
+    className?: string;
+    title: React.ReactNode;
+    children: React.ReactNode;
+    subInfo?: React.ReactNode;
+    extra?: React.ReactNode;
+    defaultVisible?: boolean;
+    visible?: boolean;
+    disableCollapse?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+}
+export declare const CollapseCard: ({ className, title, children, subInfo, extra, defaultVisible, visible, onVisibleChange, disableCollapse, }: CollapseCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/collapse-card/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import cn from 'classnames';
+import { IconCozArrowDown } from '@coze-arch/coze-design/icons';
+import { Collapse } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export const CollapseCard = ({ className, title, children, subInfo, extra, defaultVisible, visible, onVisibleChange, disableCollapse, }) => {
+    const [activeKey, setActiveKey] = useState(defaultVisible ? ['1'] : []);
+    // 处理受控模式
+    useEffect(() => {
+        if (visible !== undefined) {
+            setActiveKey(visible ? ['1'] : []);
+        }
+    }, [visible]);
+    const customHeader = (_jsxs("div", { className: "flex items-center justify-between flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [title, _jsx(IconCozArrowDown, { className: cn(styles['chevron-icon'], {
+                            [styles['chevron-icon-close']]: !activeKey.length,
+                        }) }), subInfo] }), extra] }));
+    const handleChange = (keys) => {
+        if (visible === undefined) {
+            setActiveKey(keys);
+        }
+        onVisibleChange?.(keys.length > 0);
+    };
+    if (disableCollapse) {
+        return (_jsxs("div", { className: cn('flex flex-col gap-4', className), children: [title, children] }));
+    }
+    return (_jsx(Collapse, { activeKey: activeKey, onChange: v => handleChange(v), children: _jsx(Collapse.Panel, { className: cn(styles['coze-up-panel'], styles['coze-up-panel-hidden'], {
+                className,
+            }), header: customHeader, itemKey: "1", showArrow: false, extra: extra, children: children }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/collapse-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapse-card/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAczC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAExE,SAAS;IACT,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,CACnB,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,EACN,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;4BACpC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM;yBAClD,CAAC,GACF,EACD,OAAO,IACJ,EACL,KAAK,IACF,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,eAAe,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,KAAK,EACL,QAAQ,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAa,CAAC,YACxE,KAAC,QAAQ,CAAC,KAAK,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE;gBACrE,SAAS;aACV,CAAC,EACF,MAAM,EAAE,YAAY,EACpB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACM,GACR,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/collapsible-card/index.d.ts

@@ -0,0 +1,13 @@
+import { type CSSProperties, type ReactNode } from 'react';
+interface Props {
+    title?: ReactNode;
+    children?: ReactNode;
+    actionBtns?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    hideExpand?: boolean;
+    isExpand?: boolean;
+    setIsExpand?: (isExpand: boolean) => void;
+}
+export declare function CollapsibleCard({ title, children, actionBtns, className, style, isExpand, setIsExpand, hideExpand, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/collapsible-card/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { IconCozArrowUpFill } from '@coze-arch/coze-design/icons';
+import { Card, Typography } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export function CollapsibleCard({ title, children, actionBtns, className, style, isExpand, setIsExpand, hideExpand, }) {
+    return (_jsxs(Card, { className: cn(styles.card, className), style: style, bordered: false, children: [title || actionBtns ? (_jsxs("div", { className: styles['card-header'], children: [_jsxs(Typography.Text, { className: styles['card-title'], children: [title, children && !hideExpand ? (_jsx(IconCozArrowUpFill, { className: cn(styles['chevron-icon'], {
+                                    [styles['chevron-icon-close']]: !isExpand,
+                                }), onClick: () => setIsExpand?.(!isExpand) })) : null] }), _jsx("div", { children: actionBtns })] })) : null, _jsx("div", { className: cn(styles['card-content'], {
+                    [styles.active]: isExpand,
+                }), children: children })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/collapsible-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible-card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GACJ;IACN,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,aACvE,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,aACnC,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,aAC7C,KAAK,EACL,QAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oCACpC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,QAAQ;iCAC1C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,GACvC,CACH,CAAC,CAAC,CAAC,IAAI,IACQ,EAClB,wBAAM,UAAU,GAAO,IACnB,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACpC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;iBAC1B,CAAC,YAED,QAAQ,GACL,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/column-manage-storage/index.d.ts

@@ -0,0 +1,11 @@
+import { type ColumnItem } from '../columns-select';
+export declare const DATASET_COLUMN_STORAGE_KEY = "dataset-column";
+export declare const getColumnManageStorage: (storageKey: string) => any;
+export interface ColumnSort {
+    [key: string]: {
+        index: number;
+        checked: boolean;
+    };
+}
+export declare const setColumnsManageStorage: (storageKey: string, columns: ColumnItem[]) => void;
+export declare const dealColumnsWithStorage: (storageKey: string, columns: ColumnItem[]) => ColumnItem[];

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

@@ -0,0 +1,48 @@
+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 || '{}') || {};
+};
+export const setColumnsManageStorage = (storageKey, columns) => {
+    if (!storageKey) {
+        return;
+    }
+    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;
+    }
+    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,
+    }));
+};
+//# sourceMappingURL=index.js.map

package/dist/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/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/columns-select/index.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @flow-infra/max-line-per-function */
+/* eslint-disable @flow-infra/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;
+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 DragHandle = sortableHandle(() => (_jsx(IconCozHandle, { className: "cursor-grab", "aria-label": "\u62D6\u52A8\u6392\u5E8F", role: "button" })));
+    const RenderItem = (value, slot) => {
+        // const spanRef = useRef<HTMLSpanElement>(null);
+        // const isHovering = useHover(spanRef);
+        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 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 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 }) }) }) }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/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/edit-icon-button/index.d.ts

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

package/dist/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 }) {
+    return (_jsx(IconCozPencil, { 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/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,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAS;IACpE,OAAO,CACL,KAAC,aAAa,IACZ,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/es/collapsible-card/index.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cn from "classnames";
+import { IconCozArrowUpFill } from "@coze-arch/coze-design/icons";
+import { Card, Typography } from "@coze-arch/coze-design";
+import styles from "./index.module";
+function CollapsibleCard({
+  title,
+  children,
+  actionBtns,
+  className,
+  style,
+  isExpand,
+  setIsExpand,
+  hideExpand
+}) {
+  return /* @__PURE__ */ jsxs(Card, { className: cn(styles.card, className), style, bordered: false, children: [
+    title || actionBtns ? /* @__PURE__ */ jsxs("div", { className: styles["card-header"], children: [
+      /* @__PURE__ */ jsxs(Typography.Text, { className: styles["card-title"], children: [
+        title,
+        children && !hideExpand ? /* @__PURE__ */ jsx(
+          IconCozArrowUpFill,
+          {
+            className: cn(styles["chevron-icon"], {
+              [styles["chevron-icon-close"]]: !isExpand
+            }),
+            onClick: () => setIsExpand == null ? void 0 : setIsExpand(!isExpand)
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { children: actionBtns })
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(styles["card-content"], {
+          [styles.active]: isExpand
+        }),
+        children
+      }
+    )
+  ] });
+}
+export {
+  CollapsibleCard
+};