@cozeloop/components 0.0.10 → 0.0.11

package/dist/es/{index.js → index.mjs}

@@ -1,17 +1,19 @@
 import "./index.css";
 import "./static/svg/select.svg";
+import __rslib_svgr_url__1__ from "./static/svg/audio-icon.svg";
+import __rslib_svgr_url__2__ from "./static/svg/video-icon.svg";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { arrayMove, sortableContainer as external_react_sortable_hoc_sortableContainer, sortableElement, sortableHandle } from "react-sortable-hoc";
-import react, { Fragment as external_react_Fragment, createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import react, { Fragment as external_react_Fragment, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { I18n as i18n_I18n, initIntl } from "@cozeloop/i18n";
-import { IconCozArrowDown, IconCozArrowLeft, IconCozArrowRight, IconCozCheckMarkCircleFill, IconCozCheckMarkFill, IconCozContent, IconCozCopy, IconCozCross, IconCozCrossCircleFill, IconCozCrossFill, IconCozEye, IconCozFilter, IconCozHandle, IconCozImage, IconCozImageArrowUp, IconCozImageBroken, IconCozInfoCircle, IconCozLongArrowTopRight, IconCozLongArrowUp, IconCozMore, IconCozPencil, IconCozPlayCircle, IconCozPlus, IconCozPlusCircle, IconCozQuestionMarkCircle, IconCozRefresh, IconCozSetting, IconCozTableSetting, IconCozTrashCan, IconCozVideo, IconCozWarningCircle } from "@coze-arch/coze-design/icons";
-import { Banner, Button, ButtonGroup, Cascader, Checkbox, Col, Collapse, CozAvatar, CozInputNumber, CozPagination, DatePicker, Descriptions, Divider, Dropdown, Empty, EmptyState, Form, IconButton, Image, ImagePreview, Input, List, Loading, Menu, Modal, Popover, Radio, RadioGroup, Row, Select, SideSheet, Skeleton, Slider, Space, Spin, Switch, Table, Tabs, Tag, TextArea, Toast, Tooltip, Typography, Upload, withField } from "@coze-arch/coze-design";
+import { IconCozArrowDown, IconCozArrowLeft, IconCozArrowRight, IconCozCheckMarkCircleFill, IconCozCheckMarkFill, IconCozContent, IconCozCopy, IconCozCross, IconCozCrossCircleFill, IconCozCrossCircleFillPalette, IconCozCrossFill, IconCozDownload, IconCozEye, IconCozFilter, IconCozHandle, IconCozImage, IconCozImageArrowUp, IconCozImageBroken, IconCozInfoCircle, IconCozLongArrowTopRight, IconCozLongArrowUp, IconCozMore, IconCozPencil, IconCozPlayCircle, IconCozPlus, IconCozPlusCircle, IconCozQuestionMarkCircle, IconCozRefresh, IconCozSetting, IconCozTableSetting, IconCozTrashCan, IconCozVideo, IconCozWarningCircle } from "@coze-arch/coze-design/icons";
+import { AudioPlayer, Banner, Button, ButtonGroup, Cascader, Checkbox, Col, Collapse, CozAvatar, CozInputNumber, CozPagination, DatePicker, Descriptions, Divider, Dropdown, Empty, EmptyState, Form, IconButton, Image, ImagePreview, Input, List, Loading, LoadingButton, Menu, Modal, Popover, Radio, RadioGroup, Row, Select, SideSheet, Skeleton, Slider, Space, Spin, Switch, Table, Tabs, Tag, TextArea, Toast, Tooltip, Typography, Upload, VideoPlayer, withField } from "@coze-arch/coze-design";
 import classnames from "classnames";
 import { IconCozIllus404, IconCozIllus404Dark, IconCozIllusEmpty, IconCozIllusEmptyDark, IconCozIllusError, IconCozIllusErrorDark, IconCozIllusLock, IconCozIllusLockDark, IconCozIllusNone, IconCozIllusNoneDark } from "@coze-arch/coze-design/illustrations";
 import { useDebounceFn, useInfiniteScroll, useLatest, useMemoizedFn, useRequest, useSize } from "ahooks";
-import { cloneDeep, debounce, get, isEmpty as external_lodash_es_isEmpty, isInteger, isNull, isNumber, isObject, isString, isUndefined, set } from "lodash-es";
+import { cloneDeep, debounce, get, isEmpty as external_lodash_es_isEmpty, isFunction, isInteger, isNull, isNumber, isObject, isString, isUndefined, set } from "lodash-es";
 import copy_to_clipboard from "copy-to-clipboard";
-import { formatTimestampToString, safeJsonParse, sleep as toolkit_sleep } from "@cozeloop/toolkit";
+import { fileDownload, formatTimestampToString, safeJsonParse, sleep as toolkit_sleep } from "@cozeloop/toolkit";
 import _monaco_editor_react, { DiffEditor, loader } from "@monaco-editor/react";
 import sortablejs from "sortablejs";
 import { nanoid } from "nanoid";
@@ -603,7 +605,7 @@ const LoopTabs = (props)=>{
 };
 const PER_PRE_MAX_LENGTH = 25000;
 const LargeTxtRender = (props)=>{
-    const { text } = props;
+    const { text, className } = props;
     const ref = useRef(null);
     const getMoreTextChunk = (startIndex)=>{
         const endIndex = startIndex + PER_PRE_MAX_LENGTH;
@@ -625,7 +627,7 @@ const LargeTxtRender = (props)=>{
     });
     return /*#__PURE__*/ jsx("pre", {
         ref: ref,
-        className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal",
+        className: classnames('m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal', className),
         children: data?.list.join('') || ''
     });
 };
@@ -1074,8 +1076,9 @@ const dealColumnsWithStorage = (storageKey, columns)=>{
             checked: sort[column.key]?.checked ?? true
         }));
 };
-const PrimaryPage = ({ pageTitle, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot })=>/*#__PURE__*/ jsxs("div", {
+const PrimaryPage = ({ pageTitle, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot, ...restProps })=>/*#__PURE__*/ jsxs("div", {
         className: classnames('pt-2 pb-3 h-full max-h-full flex flex-col', className),
+        ...restProps,
         children: [
             pageTitle || titleSlot ? /*#__PURE__*/ jsxs("div", {
                 className: classnames('flex items-center justify-between py-4 px-6', headerClassName),
@@ -1838,7 +1841,7 @@ const base_search_select_index_module = {
     "select-dropdown-style": "select-dropdown-style-o3gnrf",
     selectDropdownStyle: "select-dropdown-style-o3gnrf"
 };
-const BaseSearchSelect = (props)=>{
+const BaseSearchSelect = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { optionList: _optionList, loadOptionByIds, value, defaultValue, onSearch, renderSelectedItem, onChangeWithObject, onDropdownVisibleChange, showRefreshBtn, onClickRefresh, disabledCacheOptions } = props;
     const [searchWord, setSearchWord] = useState('');
     const [refreshFlag, setRefreshFlag] = useState([]);
@@ -1950,9 +1953,10 @@ const BaseSearchSelect = (props)=>{
         onSearch: (vs, e)=>{
             setSearchWord(vs);
             if (onSearch) onSearch?.(vs, e);
-        }
+        },
+        ref: ref
     });
-};
+});
 const base_search_select = BaseSearchSelect;
 const BaseSearchFormSelect = withField((props)=>/*#__PURE__*/ jsx(base_search_select, {
         ...props
@@ -5175,6 +5179,14 @@ var enum_EventNames = /*#__PURE__*/ function(EventNames) {
     EventNames["LOOP_FORM_CLOSE"] = "loop_form_close";
     return EventNames;
 }({});
+function safeStringify(obj) {
+    return JSON.stringify(obj, (_, value)=>{
+        if (/*#__PURE__*/ isValidElement(value)) return '[ReactElement]';
+        if ('function' == typeof value) return '[Function]';
+        if (value instanceof HTMLElement) return '[HTMLElement]';
+        return value;
+    });
+}
 const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormApi, ...props }, ref)=>{
     const sendEvent = useReportEvent();
     const sessionID = useMemo(()=>nanoid(), []);
@@ -5229,7 +5241,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             form_item_filled: JSON.stringify(formItemFilled),
             form_item_show: JSON.stringify(formItemShow),
             form_item_used_percent: formItemFilled.length / formItemShow.length,
-            form_values: JSON.stringify(values),
+            form_values: safeStringify(values),
             time: successTime,
             time_str: dayjs(successTime).format('YYYY-MM-DD HH:mm:ss')
         });
@@ -5266,6 +5278,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
     const formIdRef = useRef(formID);
     const sessionIdRef = useRef(sessionID);
     const flushedRef = useRef(false);
+    const latestValuesRef = useRef('');
     useEffect(()=>{
         formIdRef.current = formID;
     }, [
@@ -5335,11 +5348,17 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             form_operation_submit_success: submitSuccess.current,
             form_request_error_times: interfaceErrorCount.current,
             form_item_error_times: validateErrorCount.current,
+            form_values: latestValuesRef.current,
             time: closeTime,
             time_str: dayjs(closeTime).format('YYYY-MM-DD HH:mm:ss')
         });
     };
     const onValuesChange = (values, changedValues)=>{
+        try {
+            latestValuesRef.current = safeStringify(values);
+        } catch (err) {
+            console.error(err);
+        }
         handleValueChange(changedValues);
         onValueChange?.(values, changedValues);
     };
@@ -6103,4 +6122,274 @@ const CodeEditorWithLoading = ({ value, onChange, disabled, className })=>{
         ]
     });
 };
-export { base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, BasicCard, CardPane, ChipSelect, _monaco_editor_react as CodeEditor, CodeEditorWithLoading, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, ColumnSelector, Copyable, CozeLoopProvider, DEFAULT_FILE_COUNT, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_PART_COUNT, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, EditorProvider, FooterActions, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, type_ImageStatus as MultipartRenderStatus, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, validator_ajv8 as schemaValidators, setColumnsManageStorage, sleep, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useReportEvent, useUnsaveLeaveWarning };
+const CollapseItem = ({ children, open: defaultOpen, title, className })=>{
+    const [open, setOpen] = useState(defaultOpen);
+    return /*#__PURE__*/ jsxs("div", {
+        className: className,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "h-5 flex flex-row items-center cursor-pointer text-sm coz-fg-primary font-semibold",
+                onClick: ()=>setOpen((pre)=>!pre),
+                children: [
+                    title,
+                    /*#__PURE__*/ jsx(IconCozArrowRight, {
+                        className: classnames('h-4 w-4 ml-2 coz-fg-plus transition-transform', open ? 'rotate-90' : '')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: open ? '' : 'hidden',
+                children: children
+            })
+        ]
+    });
+};
+const audio_icon = __rslib_svgr_url__1__;
+function AudioRender({ audioUrl, audioName, className, showDownload, deletion, upload, size = 'small' }) {
+    const [modalVisible, setModalVisible] = useState(false);
+    const iconSizeCls = 'small' === size ? 'text-[14px]' : 'text-[20px]';
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col",
+        onClick: (e)=>{
+            e.stopPropagation();
+        },
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('inline-block relative group', 'small' === size ? 'w-[36px] h-[36px]' : 'w-[80px] h-[80px]', className),
+                children: [
+                    upload?.status === 'error' ? /*#__PURE__*/ jsx("div", {
+                        className: classnames('w-full h-full flex items-center justify-center rounded-[6px] coz-mg-primary', 'border border-solid coz-stroke-hglt-red'),
+                        children: /*#__PURE__*/ jsx(IconCozImageBroken, {
+                            className: "text-[20px] coz-fg-dim"
+                        })
+                    }) : /*#__PURE__*/ jsx(Spin, {
+                        spinning: upload?.status === 'loading',
+                        wrapperClassName: "!w-full !h-full [&_.semi-spin-children]:w-full [&_.semi-spin-children]:h-full",
+                        children: /*#__PURE__*/ jsx("img", {
+                            src: audio_icon,
+                            alt: audioName,
+                            width: '100%',
+                            height: '100%',
+                            style: {
+                                objectFit: 'cover',
+                                objectPosition: 'center'
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('absolute inset-0 rounded-[6px] flex gap-3 items-center justify-center', 'z-[1]', 'bg-[rgba(0,0,0,0.4)]', 'invisible group-hover:visible'),
+                        children: [
+                            upload?.status === 'error' ? /*#__PURE__*/ jsx(IconCozRefresh, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: upload?.onRetry
+                            }) : null,
+                            audioUrl && ![
+                                'error',
+                                'loading'
+                            ].includes(upload?.status || 'success') ? /*#__PURE__*/ jsx(IconCozPlayCircle, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: ()=>setModalVisible(true)
+                            }) : null,
+                            showDownload ? /*#__PURE__*/ jsx(IconCozDownload, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: ()=>{
+                                    if (audioUrl) fileDownload(audioUrl, audioName || i18n_I18n.t('test'));
+                                }
+                            }) : null,
+                            isFunction(deletion) ? /*#__PURE__*/ jsx("div", {
+                                className: "absolute right-[-8px] top-[-8px] p-[2px] shrink-0 inline-flex justify-center items-center cursor-pointer",
+                                onClick: ()=>deletion(),
+                                children: /*#__PURE__*/ jsx(IconCozCrossCircleFillPalette, {})
+                            }) : null
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                visible: modalVisible,
+                closable: false,
+                title: /*#__PURE__*/ jsxs("div", {
+                    className: "w-full flex items-center justify-between",
+                    children: [
+                        /*#__PURE__*/ jsx(Typography.Title, {
+                            heading: 5,
+                            ellipsis: {
+                                showTooltip: true
+                            },
+                            children: audioName || i18n_I18n.t('audio')
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center gap-2",
+                            children: [
+                                /*#__PURE__*/ jsx(LoadingButton, {
+                                    color: "primary",
+                                    icon: /*#__PURE__*/ jsx(IconCozDownload, {}),
+                                    onClick: async ()=>{
+                                        if (audioUrl) await fileDownload(audioUrl, audioName || i18n_I18n.t('test'));
+                                    },
+                                    children: i18n_I18n.t('download')
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    size: "large",
+                                    color: "secondary",
+                                    className: "!w-[40px] !h-[40px]",
+                                    icon: /*#__PURE__*/ jsx(IconCozCross, {}),
+                                    onClick: ()=>setModalVisible(false)
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                width: 800,
+                onCancel: ()=>setModalVisible(false),
+                children: /*#__PURE__*/ jsx(AudioPlayer, {
+                    autoPlay: false,
+                    audioUrl: audioUrl,
+                    theme: "light",
+                    skipDuration: 180,
+                    className: classnames('rounded-[8px]', '[&_.semi-audio-player-control>span:not(:first-child)]:hidden', '[&_.semi-audio-player-control_button]:!coz-stroke-primary', '[&_.semi-audio-player-slider-progress]:bg-[--coz-fg-hglt]')
+                })
+            })
+        ]
+    });
+}
+const video_icon = __rslib_svgr_url__2__;
+function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size = 'small', className }) {
+    const [modalVisible, setModalVisible] = useState(false);
+    const [videoElementStatus, setVideoElementStatus] = useState('loading');
+    const iconSizeCls = 'small' === size ? 'text-[14px]' : 'text-[20px]';
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col",
+        onClick: (e)=>{
+            e.stopPropagation();
+        },
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('inline-block relative group', 'small' === size ? 'w-[36px] h-[36px]' : 'w-[80px] h-[80px]', className),
+                children: [
+                    'loading' === videoElementStatus || upload?.status === 'loading' ? /*#__PURE__*/ jsx(Spin, {
+                        spinning: true,
+                        wrapperClassName: "absolute inset-0",
+                        children: /*#__PURE__*/ jsx("img", {
+                            src: video_icon,
+                            className: "w-full h-full object-cover"
+                        })
+                    }) : null,
+                    'error' === videoElementStatus || upload?.status === 'error' ? /*#__PURE__*/ jsx("div", {
+                        className: classnames('absolute inset-0 rounded-[6px] flex items-center justify-center coz-mg-primary', {
+                            'border border-solid coz-stroke-hglt-red': upload?.status === 'error'
+                        }),
+                        children: /*#__PURE__*/ jsx(IconCozImageBroken, {
+                            className: classnames('text-[30px] coz-fg-dim')
+                        })
+                    }) : null,
+                    /*#__PURE__*/ jsx("video", {
+                        src: videoUrl,
+                        width: '100%',
+                        height: '100%',
+                        className: classnames('rounded-[6px] pointer-events-none', {
+                            invisible: 'loaded' !== videoElementStatus || [
+                                'error',
+                                'loading'
+                            ].includes(upload?.status || 'success')
+                        }),
+                        style: {
+                            objectFit: 'cover',
+                            objectPosition: 'center'
+                        },
+                        onLoadedData: ()=>setVideoElementStatus('loaded'),
+                        onError: ()=>setVideoElementStatus('error')
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('absolute inset-0 flex items-center justify-center rounded-[6px]', 'bg-[rgba(0,0,0,0.2)]', 'group-hover:invisible', 'loaded' !== videoElementStatus || [
+                            'error',
+                            'loading'
+                        ].includes(upload?.status || 'success') ? 'invisible' : 'visible'),
+                        children: /*#__PURE__*/ jsx(IconCozPlayCircle, {
+                            className: classnames('coz-fg-hglt-plus', iconSizeCls)
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('absolute inset-0 flex gap-3 items-center rounded-[6px] justify-center', 'z-[1]', 'bg-[rgba(0,0,0,0.4)]', 'invisible group-hover:visible'),
+                        children: [
+                            upload?.status === 'error' ? /*#__PURE__*/ jsx(IconCozRefresh, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: upload?.onRetry
+                            }) : null,
+                            videoUrl && ![
+                                'error',
+                                'loading'
+                            ].includes(upload?.status || 'success') ? /*#__PURE__*/ jsx(IconCozPlayCircle, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: ()=>setModalVisible(true)
+                            }) : null,
+                            showDownload ? /*#__PURE__*/ jsx(IconCozDownload, {
+                                className: classnames('text-white cursor-pointer', iconSizeCls),
+                                onClick: ()=>{
+                                    if (videoUrl) fileDownload(videoUrl, videoName || i18n_I18n.t('test'));
+                                }
+                            }) : null,
+                            isFunction(deletion) ? /*#__PURE__*/ jsx("div", {
+                                className: "absolute right-[-8px] top-[-8px] p-[2px] shrink-0 inline-flex justify-center items-center cursor-pointer",
+                                onClick: ()=>deletion(),
+                                children: /*#__PURE__*/ jsx(IconCozCrossCircleFillPalette, {})
+                            }) : null
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                visible: modalVisible,
+                closable: false,
+                className: "[&_div:has(>.semi-videoPlayer)]:overflow-hidden",
+                title: /*#__PURE__*/ jsxs("div", {
+                    className: "w-full flex items-center justify-between",
+                    children: [
+                        /*#__PURE__*/ jsx(Typography.Title, {
+                            heading: 5,
+                            ellipsis: {
+                                showTooltip: true
+                            },
+                            children: videoName || i18n_I18n.t('video')
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center gap-2",
+                            children: [
+                                /*#__PURE__*/ jsx(LoadingButton, {
+                                    color: "primary",
+                                    icon: /*#__PURE__*/ jsx(IconCozDownload, {}),
+                                    onClick: async ()=>{
+                                        if (videoUrl) await fileDownload(videoUrl, videoName || i18n_I18n.t('test'));
+                                    },
+                                    children: i18n_I18n.t('download')
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    size: "large",
+                                    color: "secondary",
+                                    className: "!w-[40px] !h-[40px]",
+                                    icon: /*#__PURE__*/ jsx(IconCozCross, {}),
+                                    onClick: ()=>setModalVisible(false)
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                width: 900,
+                height: 600,
+                onCancel: ()=>setModalVisible(false),
+                children: /*#__PURE__*/ jsx(VideoPlayer, {
+                    className: "rounded-[8px] overflow-hidden",
+                    src: videoUrl || '',
+                    controlsList: [
+                        'play',
+                        'time',
+                        'volume',
+                        'playbackRate',
+                        'fullscreen'
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { AudioRender, base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, BasicCard, CardPane, ChipSelect, _monaco_editor_react as CodeEditor, CodeEditorWithLoading, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, CollapseItem, ColumnSelector, Copyable, CozeLoopProvider, DEFAULT_FILE_COUNT, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_PART_COUNT, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, EditorProvider, FooterActions, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, type_ImageStatus as MultipartRenderStatus, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, VideoRender, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, validator_ajv8 as schemaValidators, setColumnsManageStorage, sleep, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useReportEvent, useUnsaveLeaveWarning };

package/dist/es/static/svg/audio-icon.svg

@@ -0,0 +1,6 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="4" fill="#5768A1" fill-opacity="0.08"/>
+<path d="M8 9.2C8 8.07989 8 7.51984 8.21799 7.09202C8.40973 6.71569 8.71569 6.40973 9.09202 6.21799C9.51984 6 10.0799 6 11.2 6H20.0079C20.497 6 20.7416 6 20.9718 6.05526C21.1759 6.10425 21.3709 6.18506 21.5499 6.29472C21.7517 6.4184 21.9247 6.59135 22.2706 6.93726L27.0627 11.7294C27.4087 12.0753 27.5816 12.2483 27.7053 12.4501C27.8149 12.629 27.8957 12.8241 27.9447 13.0282C28 13.2584 28 13.503 28 13.9921V26.8C28 27.9201 28 28.4801 27.782 28.908C27.5903 29.2843 27.2843 29.5903 26.908 29.782C26.4801 30 25.9201 30 24.8 30H11.2C10.0799 30 9.51984 30 9.09202 29.782C8.71569 29.5903 8.40973 29.2843 8.21799 28.908C8 28.4801 8 27.9201 8 26.8V9.2Z" fill="#00BF40"/>
+<path d="M21.3334 6.77291C21.3334 6.53058 21.3334 6.40942 21.3813 6.35331C21.4228 6.30463 21.4852 6.2788 21.549 6.28382C21.6226 6.28961 21.7083 6.37528 21.8796 6.54664L27.4538 12.1208C27.6251 12.2921 27.7108 12.3778 27.7166 12.4513C27.7216 12.5152 27.6958 12.5775 27.6471 12.6191C27.591 12.667 27.4698 12.667 27.2275 12.667H24.5334C23.4132 12.667 22.8532 12.667 22.4254 12.449C22.049 12.2573 21.7431 11.9513 21.5514 11.575C21.3334 11.1472 21.3334 10.5871 21.3334 9.46703V6.77291Z" fill="white" fill-opacity="0.3"/>
+<path d="M16.0556 25.5C15.4445 25.5 14.9213 25.2824 14.4862 24.8472C14.051 24.4121 13.8334 23.8889 13.8334 23.2778C13.8334 22.6667 14.051 22.1435 14.4862 21.7083C14.9213 21.2731 15.4445 21.0555 16.0556 21.0555C16.2686 21.0555 16.4653 21.081 16.6459 21.1319C16.8264 21.1829 17 21.2593 17.1667 21.3611V16.3333C17.1667 15.8731 17.5398 15.5 18 15.5H21.3334V17.1667H18.6945C18.4644 17.1667 18.2778 17.3532 18.2778 17.5833V23.2778C18.2778 23.8889 18.0602 24.4121 17.625 24.8472C17.1898 25.2824 16.6667 25.5 16.0556 25.5Z" fill="white"/>
+</svg>

package/dist/es/static/svg/video-icon.svg

@@ -0,0 +1,6 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="4" fill="#5768A1" fill-opacity="0.08"/>
+<path d="M8 9.2C8 8.07989 8 7.51984 8.21799 7.09202C8.40973 6.71569 8.71569 6.40973 9.09202 6.21799C9.51984 6 10.0799 6 11.2 6H20.0079C20.497 6 20.7416 6 20.9718 6.05526C21.1759 6.10425 21.3709 6.18506 21.5499 6.29472C21.7517 6.4184 21.9247 6.59135 22.2706 6.93726L27.0627 11.7294C27.4087 12.0753 27.5816 12.2483 27.7053 12.4501C27.8149 12.629 27.8957 12.8241 27.9447 13.0282C28 13.2584 28 13.503 28 13.9921V26.8C28 27.9201 28 28.4801 27.782 28.908C27.5903 29.2843 27.2843 29.5903 26.908 29.782C26.4801 30 25.9201 30 24.8 30H11.2C10.0799 30 9.51984 30 9.09202 29.782C8.71569 29.5903 8.40973 29.2843 8.21799 28.908C8 28.4801 8 27.9201 8 26.8V9.2Z" fill="#4080FF"/>
+<path d="M21.3334 6.77291C21.3334 6.53058 21.3334 6.40942 21.3813 6.35331C21.4228 6.30463 21.4852 6.2788 21.549 6.28382C21.6226 6.28961 21.7083 6.37528 21.8796 6.54664L27.4538 12.1208C27.6251 12.2921 27.7108 12.3778 27.7166 12.4513C27.7216 12.5152 27.6958 12.5775 27.6471 12.6191C27.591 12.667 27.4698 12.667 27.2275 12.667H24.5334C23.4132 12.667 22.8532 12.667 22.4254 12.449C22.049 12.2573 21.7431 11.9513 21.5514 11.575C21.3334 11.1472 21.3334 10.5871 21.3334 9.46703V6.77291Z" fill="white" fill-opacity="0.3"/>
+<path d="M12.4447 16.6107C12.4447 16.1504 12.8178 15.7773 13.278 15.7773H19.1114C19.5716 15.7773 19.9447 16.1504 19.9447 16.6107V17.6003L21.2028 16.8925C21.7583 16.5801 22.4447 16.9815 22.4447 17.6189V21.4358C22.4447 22.0731 21.7583 22.4746 21.2028 22.1621L19.9447 21.4544V22.444C19.9447 22.9042 19.5716 23.2773 19.1114 23.2773H13.278C12.8178 23.2773 12.4447 22.9042 12.4447 22.444V16.6107ZM14.9447 19.1107C15.4049 19.1107 15.778 18.7375 15.778 18.2773C15.778 17.8171 15.4049 17.444 14.9447 17.444C14.4844 17.444 14.1114 17.8171 14.1114 18.2773C14.1114 18.7375 14.4844 19.1107 14.9447 19.1107Z" fill="white"/>
+</svg>

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { type OptionProps, type SelectProps } from '@coze-arch/coze-design';
-export type LoadOptionByIds = (ids: string[] | number[]) => Promise<(OptionProps & {
+export type LoadOptionByIds = (ids: string | number | string[] | number[]) => Promise<(OptionProps & {
     [key: string]: any;
 })[]>;
 export interface BaseSelectProps extends SelectProps {

package/dist/lib/codemirror-editor/code-editor.d.ts

@@ -1,2 +1,23 @@
-import { type ComponentType } from 'react';
-export declare const CodeMirrorCodeEditor: ComponentType<any>;
+export declare const CodeMirrorCodeEditor: (props: import("@coze-editor/editor/react").InferRendererProps<(import("@coze-editor/editor/react").OptionPluginSpec<"editorHeight", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"borderRadius", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"padding", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"lineHeight", string | number | undefined> | import("@coze-editor/editor/react").ExtensionPluginSpec | import("@coze-editor/editor/react").OptionPluginSpec<"fontSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"placeholder", string | HTMLElement> | import("@coze-editor/editor/react").OptionPluginSpec<"readOnly", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"editable", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"lineWrapping", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"height", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"minHeight", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"maxHeight", string | number> | import("@coze-editor/editor/react").APIPluginSpec<"getValue", [], string> | import("@coze-editor/editor/react").APIPluginSpec<"setValue", [value: string], void> | import("@coze-editor/editor/react").APIPluginSpec<"replaceText", [options: {
+    from: number;
+    to: number;
+    text: string;
+    cursorOffset?: number;
+    scrollIntoView?: boolean;
+    userEvent?: string;
+}], void> | import("@coze-editor/editor/react").APIPluginSpec<"getCursorPosition", [], number> | import("@coze-editor/editor/react").APIPluginSpec<"setCursorPosition", [pos: number], void> | import("@coze-editor/editor/react").APIPluginSpec<"focus", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"blur", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"disableKeybindings", [keys: string[]], void> | import("@coze-editor/editor/react").APIPluginSpec<"updateASTDecorations", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"undo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"redo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | import("@coze-editor/editor/react").APIPluginSpec<"getSelection", [], {
+    from: number;
+    to: number;
+    anchor: number;
+    head: number;
+}> | import("@coze-editor/editor/react").APIPluginSpec<"getLineInfoAtPosition", [pos: number], import("@codemirror/state").Line> | import("@coze-editor/editor/react").EventPluginSpec<"selectionChange", {
+    selection: {
+        from: number;
+        to: number;
+        head: number;
+        anchor: number;
+    };
+    update: import("@codemirror/view").ViewUpdate;
+}> | import("@coze-editor/editor/react").EventPluginSpec<"change", {
+    value: string;
+}> | import("@coze-editor/editor/react").EventPluginSpec<"focus", symbol> | import("@coze-editor/editor/react").EventPluginSpec<"blur", symbol> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mousedown"> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mouseup"> | import("@coze-editor/editor/react").OptionPluginSpec<"tabSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"scrollBeyondLastLine", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"uri", string> | import("@coze-editor/editor/react").OptionPluginSpec<"theme", string> | import("@coze-editor/editor/react").OptionPluginSpec<"languageId", string> | import("@coze-editor/editor/react").OptionPluginSpec<"transformer", import("@coze-editor/editor/preset-code").Transformer> | import("@coze-editor/editor/react").OptionPluginSpec<"overlayScrollbar", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"lineNumbersGutter", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"foldGutter", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"colorizeBrackets", unknown> | import("@coze-editor/editor/react").APIPluginSpec<"validate", [], void>)[]>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/codemirror-editor/text-editor.d.ts

@@ -1,2 +1,23 @@
-import { type ComponentType } from 'react';
-export declare const CodeMirrorTextEditor: ComponentType<any>;
+export declare const CodeMirrorTextEditor: (props: import("@coze-editor/editor/react").InferRendererProps<(import("@coze-editor/editor/react").OptionPluginSpec<"lineHeight", string | number | undefined> | import("@coze-editor/editor/react").ExtensionPluginSpec | import("@coze-editor/editor/react").OptionPluginSpec<"fontSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"placeholder", string | HTMLElement> | import("@coze-editor/editor/react").OptionPluginSpec<"readOnly", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"editable", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"lineWrapping", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"height", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"minHeight", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"maxHeight", string | number> | import("@coze-editor/editor/react").APIPluginSpec<"getValue", [], string> | import("@coze-editor/editor/react").APIPluginSpec<"getCursorPosition", [], number> | import("@coze-editor/editor/react").APIPluginSpec<"focus", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"blur", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"updateASTDecorations", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"undo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"redo", [], void> | import("@coze-editor/editor/react").EventPluginSpec<"focus", symbol> | import("@coze-editor/editor/react").EventPluginSpec<"blur", symbol> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mousedown"> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mouseup"> | import("@coze-editor/editor/react").APIPluginSpec<"setValue", [value: string], void> | import("@coze-editor/editor/react").APIPluginSpec<"replaceText", [options: {
+    from: number;
+    to: number;
+    text: string;
+    cursorOffset?: number;
+    scrollIntoView?: boolean;
+    userEvent?: string;
+}], void> | import("@coze-editor/editor/react").APIPluginSpec<"setCursorPosition", [pos: number], void> | import("@coze-editor/editor/react").APIPluginSpec<"disableKeybindings", [keys: string[]], void> | import("@coze-editor/editor/react").APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | import("@coze-editor/editor/react").APIPluginSpec<"getSelection", [], {
+    from: number;
+    to: number;
+    anchor: number;
+    head: number;
+}> | import("@coze-editor/editor/react").APIPluginSpec<"getLineInfoAtPosition", [pos: number], import("@codemirror/state").Line> | import("@coze-editor/editor/react").EventPluginSpec<"selectionChange", {
+    selection: {
+        from: number;
+        to: number;
+        head: number;
+        anchor: number;
+    };
+    update: import("@codemirror/view").ViewUpdate;
+}> | import("@coze-editor/editor/react").EventPluginSpec<"change", {
+    value: string;
+}>)[]>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/collapse-item/index.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+export declare const CollapseItem: ({ children, open: defaultOpen, title, className, }: {
+    children: ReactNode;
+    open?: boolean;
+    title?: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/index.d.ts

@@ -34,7 +34,7 @@ export { TableBatchOperate } from './table-batch-operate/table-batch-operation';
 export { useBatchOperate, type BatchOperateStore, } from './table-batch-operate/use-batch-operate';
 export { useItemIndexController, type IndexControllerStore, } from './index-controller/use-item-index-controller';
 export { IndexControllerView } from './index-controller/record-navigation';
-export { BaseSearchSelect, BaseSearchFormSelect, type BaseSelectProps, type LoadOptionByIds, } from './base-search-select';
+export { BaseSearchSelect, BaseSearchFormSelect, type BaseSearchSelectRef, type BaseSelectProps, type LoadOptionByIds, } from './base-search-select';
 export { OpenDetailButton } from './open-detail-button';
 export { EditIconButton } from './edit-icon-button';
 export { CollapseCard } from './collapse-card';
@@ -68,3 +68,5 @@ export { SentinelForm, type SentinelFormRef, type SentinelFormApi, } from './sen
 export { CodeMirrorCodeEditor, CodeMirrorTextEditor, CodeMirrorJsonEditor, CodeMirrorRawTextEditor, CodeMirrorRawCodeEditor, EditorProvider, } from './codemirror-editor';
 export { SchemaEditor } from './schema-editor';
 export { CodeEditorWithLoading } from './code-editor-with-loading';
+export { CollapseItem } from './collapse-item';
+export { AudioRender, type AudioRenderProps, VideoRender, type VideoRenderProps, } from './multi-modal-dataset-item-render';

package/dist/lib/large-txt-render/index.d.ts

@@ -1,4 +1,5 @@
 export interface LargeTxtRenderProps {
     text: string;
+    className?: string;
 }
 export declare const LargeTxtRender: (props: LargeTxtRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/multi-modal-dataset-item-render/audio-render/index.d.ts

@@ -0,0 +1,35 @@
+export interface AudioRenderProps {
+    audioUrl?: string;
+    audioName?: string;
+    showDownload?: boolean;
+    /**
+     * 删除按钮 复合参数
+     *
+     * - 若不展示删除按钮，则传 false | undefined
+     * - 若展示删除按钮，则直接传回调函数
+     *
+     * （不叫 delete 是为了避讳 js 关键字）
+     */
+    deletion?: false | (() => void);
+    /**
+     * 上传态 展示配置
+     *
+     * 只有在可编辑表单中需要考虑
+     */
+    upload?: {
+        /**
+         * loading - 展示 loading 态
+         * error - 展示 retry 按钮
+         */
+        status: 'success' | 'error' | 'loading';
+        onRetry?: () => void;
+    };
+    /**
+     * @enum 'small' - 整体宽高 36px；icon 宽高 14px
+     * @enum 'medium' - 整体宽高 80px；icon 宽高 20px
+     * @default 'small'
+     */
+    size?: 'small' | 'medium';
+    className?: string;
+}
+export declare function AudioRender({ audioUrl, audioName, className, showDownload, deletion, upload, size, }: AudioRenderProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/multi-modal-dataset-item-render/index.d.ts

@@ -0,0 +1,2 @@
+export { AudioRender, type AudioRenderProps } from './audio-render';
+export { VideoRender, type VideoRenderProps } from './video-render';

package/dist/lib/multi-modal-dataset-item-render/video-render/index.d.ts

@@ -0,0 +1,35 @@
+export interface VideoRenderProps {
+    videoName?: string;
+    videoUrl?: string;
+    showDownload?: boolean;
+    /**
+     * 删除按钮 复合参数
+     *
+     * - 若不展示删除按钮，则传 false | undefined
+     * - 若展示删除按钮，则直接传回调函数
+     *
+     * （不叫 delete 是为了避讳 js 关键字）
+     */
+    deletion?: false | (() => void);
+    /**
+     * 上传态 展示配置
+     *
+     * 只有在可编辑表单中需要考虑
+     */
+    upload?: {
+        /**
+         * loading - 展示 loading 态
+         * error - 展示 retry 按钮
+         */
+        status: 'success' | 'error' | 'loading';
+        onRetry?: () => void;
+    };
+    /**
+     * @enum 'small' - 整体宽高 36px；icon 宽高 14px
+     * @enum 'medium' - 整体宽高 80px；icon 宽高 20px
+     * @default 'small'
+     */
+    size?: 'small' | 'medium';
+    className?: string;
+}
+export declare function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size, className, }: VideoRenderProps): import("react/jsx-runtime").JSX.Element;