@cozeloop/components 0.0.2 → 0.0.3

package/dist/lib/logic-expr/logic-toggle.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Select } from '@coze-arch/coze-design';
+import { useI18n } from '../provider';
+import { LogicNot } from './logic-not';
+import { LOGIC_OPTIONS } from './consts';
+import { ReactComponent as SelectIcon } from './assets/select.svg';
+import styles from './index.module.less';
+export function LogicToggle(props) {
+    const { operator = 'and', hideLine, enableNot, not = false, readonly, allowLogicOperators, onChange, } = props;
+    const I18n = useI18n();
+    const filteredLogicOptions = allowLogicOperators
+        ? LOGIC_OPTIONS.filter(op => allowLogicOperators.includes(op.value))
+        : LOGIC_OPTIONS;
+    const label = filteredLogicOptions.find(op => op.value === operator)?.label ||
+        '-';
+    return (_jsx("div", { className: classNames(styles['logic-toggle'], {
+            [styles['logic-toggle_and']]: operator === 'and',
+            [styles['logic-toggle_or']]: operator === 'or',
+            [styles['logic-toggle_hide-line']]: hideLine,
+        }), children: readonly ? (_jsx("div", { className: styles['logic-toggle-tag'], children: I18n.t(label) })) : (_jsx(Select, { size: "small", showClear: false, dropdownClassName: styles['logic-toggle-select-dropdown'], triggerRender: () => (_jsxs("div", { className: classNames(styles['logic-toggle-tag'], styles['logic-toggle-tag_edit']), children: [enableNot ? (_jsx(LogicNot, { not: not, readonly: readonly, className: styles['logic-toggle-tag-not'], onChange: val => {
+                            onChange(operator, val);
+                        } })) : null, I18n.t(label), _jsx(SelectIcon, { className: styles['logic-toggle-tag-icon'] })] })), optionList: filteredLogicOptions.map(item => ({
+                ...item,
+                label: I18n.t((item.label ?? '')),
+            })), value: operator, onChange: val => {
+                if (!val) {
+                    return;
+                }
+                onChange(val, not);
+            } })) }));
+}
+//# sourceMappingURL=logic-toggle.js.map

package/dist/lib/logic-expr/logic-toggle.js.map

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

package/dist/lib/logic-expr/types.d.ts

@@ -0,0 +1,79 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type LogicOperator = 'and' | 'or';
+export interface Expr<L = string, O = string, R = string> {
+    left: L;
+    operator: O;
+    right: R;
+    not?: boolean;
+    disableDeletion?: boolean;
+}
+export interface ExprGroup<L = string, O = string, R = string> {
+    logicOperator?: LogicOperator;
+    not?: boolean;
+    disableDeletion?: boolean;
+    exprs?: Expr<L, O, R>[];
+    childExprGroups?: ExprGroup<L, O, R>[];
+}
+export interface OperatorOption {
+    label: ReactNode | string;
+    value: string | number;
+}
+interface BaseRenderProps<L, O, R> {
+    expr: Expr<L, O, R>;
+    readonly?: boolean;
+    size?: 'small' | 'large' | 'default';
+    onExprChange?: (expr: Partial<Expr<L, O, R>>) => void;
+}
+export interface LeftRenderProps<L, O, R> extends BaseRenderProps<L, O, R> {
+    onChange?: (val: L) => void;
+}
+export interface RightRenderProps<L, O, R> extends BaseRenderProps<L, O, R> {
+    onChange?: (val: R) => void;
+}
+export interface OperatorRenderProps<L, O, R> extends BaseRenderProps<L, O, R> {
+    onChange?: (val: O) => void;
+}
+interface Props<L, O, R> {
+    enableNot?: boolean;
+    readonly?: boolean;
+    leftRender?: (props: LeftRenderProps<L, O, R>) => ReactNode;
+    operatorRender?: ((props: OperatorRenderProps<L, O, R>) => ReactNode) | OperatorOption[];
+    rightRender?: (props: RightRenderProps<L, O, R>) => ReactNode;
+    errorMsgRender?: (props: RightRenderProps<L, O, R>) => ReactNode;
+    elementSize?: 'small' | 'large' | 'default';
+    className?: string;
+    style?: CSSProperties;
+}
+export interface LogicExprProps<L, O, R> extends Props<L, O, R> {
+    value?: ExprGroup<L, O, R>;
+    defaultExpr: Expr<L, O, R>;
+    allowLogicOperators?: LogicOperator[];
+    maxNestingDepth?: number;
+    exprGroupRenderContentItemsClassName?: string;
+    logicToggleReadonly?: boolean;
+    onChange?: (exprGroup?: ExprGroup<L, O, R>) => void;
+    onDeleteExpr?: (key: L) => void;
+}
+export interface ExprGroupRenderProps<L, O, R> extends Props<L, O, R> {
+    value?: ExprGroup<L, O, R>;
+    singleTag?: boolean;
+    path: string;
+    allowLogicOperators?: LogicOperator[];
+    maxNestingDepth?: number;
+    exprGroupRenderContentItemsClassName?: string;
+    logicToggleReadonly?: boolean;
+    onExprChange?: (expr: Expr<L, O, R>, path: string, index: number) => void;
+    onExprGroupChange?: (exprGroup: ExprGroup<L, O, R>, path: string) => void;
+    onAddItem?: (path: string) => void;
+    onAddGroup?: (path: string) => void;
+    onDeleteExpr?: (path: string, index: number) => void;
+    onDeleteExprGroup?: (path: string) => void;
+}
+export interface ExprRenderProps<L, O, R> extends Props<L, O, R> {
+    value: Expr<L, O, R>;
+    path: string;
+    onChange?: (expr: Expr<L, O, R>, path: string) => void;
+    onDelete?: (path: string) => void;
+    renderTool?: () => React.JSX.Element;
+}
+export {};

package/dist/lib/logic-expr/types.js

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

package/dist/lib/logic-expr/types.js.map

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

package/dist/lib/loop-radio-group/index.d.ts

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

package/dist/lib/loop-radio-group/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { RadioGroup as SemiRadioGroup, } from '@coze-arch/coze-design';
+export function LoopRadioGroup({ className, ...props }) {
+    return (_jsx(SemiRadioGroup, { className: classNames('!bg-semi-fill-0 !p-0', className), type: "button", ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/loop-radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/loop-radio-group/index.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEL,UAAU,IAAI,cAAc,GAC7B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACrE,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EACxD,IAAI,EAAC,QAAQ,KACT,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/multi-part-editor/components/image-item-renderer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type MultipartItem } from '../type';
+interface ImageItemRendererProps {
+    className?: string;
+    style?: React.CSSProperties;
+    spaceID?: Int64;
+    item: MultipartItem;
+    readonly?: boolean;
+    onRemove: () => void;
+    onChange: (item: MultipartItem) => void;
+    uploadFile?: (params: unknown) => Promise<string>;
+}
+export declare const ImageItemRenderer: React.FC<ImageItemRendererProps>;
+export {};

package/dist/lib/multi-part-editor/components/image-item-renderer.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @coze-arch/use-error-in-catch */
+/* eslint-disable complexity */
+import { useState } from 'react';
+import classNames from 'classnames';
+import { StorageProvider } from '@cozeloop/api-schema/data';
+import { IconCozCross, IconCozEye, IconCozImageBroken, IconCozRefresh, } from '@coze-arch/coze-design/icons';
+import { Image, ImagePreview, Loading } from '@coze-arch/coze-design';
+import { ImageStatus } from '../type';
+export const ImageItemRenderer = ({ className, style, spaceID, item, onRemove, onChange, uploadFile, readonly, }) => {
+    const [visible, setVisible] = useState(false);
+    const [fileLoadError, setFileLoadError] = useState(false);
+    const status = item?.sourceImage?.status;
+    const uri = item?.image?.uri;
+    const url = item?.image?.thumb_url || item?.image?.url;
+    const isError = status === ImageStatus.Error;
+    const file = item?.sourceImage?.file;
+    const retryUpload = async () => {
+        try {
+            onChange({
+                ...item,
+                sourceImage: {
+                    ...item.sourceImage,
+                    status: ImageStatus.Loading,
+                },
+            });
+            const newUri = await uploadFile?.({
+                file,
+                fileType: 'image',
+                spaceID,
+            });
+            onChange({
+                ...item,
+                sourceImage: {
+                    ...item.sourceImage,
+                    status: ImageStatus.Success,
+                },
+                image: {
+                    ...item.image,
+                    uri: newUri,
+                    storage_provider: StorageProvider.ImageX,
+                },
+            });
+        }
+        catch (error) {
+            onChange({
+                ...item,
+                sourceImage: {
+                    ...item.sourceImage,
+                    status: ImageStatus.Error,
+                },
+            });
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: classNames('w-[64px] h-[64px] relative group', className), style: style, children: [_jsx(ImagePreview, { src: url, visible: visible, onVisibleChange: setVisible }), _jsx(Image, { src: url, className: "w-full h-full rounded-[6px] border border-solid coz-stroke-plus", imgStyle: { objectFit: 'contain', width: '100%', height: '100%' }, fallback: _jsx(IconCozImageBroken, { className: "text-[24px]" }), onError: () => setFileLoadError(true) }), status !== ImageStatus.Loading && (_jsxs("div", { className: `absolute inset-0 flex gap-3 items-center rounded-[6px] justify-center coz-mg-mask ${isError ? 'visible' : 'invisible'}  group-hover:visible`, children: [isError && !readonly && file ? (_jsx(IconCozRefresh, { className: "text-white w-[16px] h-[16px] cursor-pointer", onClick: retryUpload })) : null, (uri || url) && !fileLoadError ? (_jsx(IconCozEye, { className: "text-white w-[16px] h-[16px] cursor-pointer", onClick: () => setVisible(true) })) : null, readonly ? null : (_jsx("div", { className: "p-[2px] text-white cursor-pointer absolute right-[-4px] top-[-4px] z-10 bg-[var(--coz-fg-secondary)] rounded-[16px] flex items-end justify-center", children: _jsx(IconCozCross, { onClick: onRemove, className: "text-[12px]" }) }))] })), status === ImageStatus.Loading && (_jsx("div", { className: "absolute inset-0 flex items-center rounded-[6px] justify-center bg-[rgba(0,0,0,0.4)] z-10", children: _jsx(Loading, { loading: true, color: "blue" }) }))] }), status === ImageStatus.Error && (_jsx("div", { className: "text-sm text-red-500", children: "\u4E0A\u4F20\u5931\u8D25" }))] }));
+};
+//# sourceMappingURL=image-item-renderer.js.map

package/dist/lib/multi-part-editor/components/image-item-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-item-renderer.js","sourceRoot":"","sources":["../../../../src/multi-part-editor/components/image-item-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/lib/multi-part-editor/components/multipart-item-renderer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type MultipartItem } from '../type';
+interface MultipartItemRendererProps {
+    item: MultipartItem;
+    readonly?: boolean;
+    onChange: (item: MultipartItem) => void;
+    onRemove: () => void;
+}
+export declare const MultipartItemRenderer: React.FC<MultipartItemRendererProps>;
+export {};

package/dist/lib/multi-part-editor/components/multipart-item-renderer.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentType } from '@cozeloop/api-schema/evaluation';
+import { IconCozTrashCan } from '@coze-arch/coze-design/icons';
+import { Button, TextArea } from '@coze-arch/coze-design';
+import { VideoItemRenderer } from './video-item-renderer';
+import { ImageItemRenderer } from './image-item-renderer';
+export const MultipartItemRenderer = ({ item, readonly, onChange, onRemove, }) => {
+    const handleTextChange = (text) => {
+        onChange({
+            ...item,
+            text,
+        });
+    };
+    switch (item.content_type) {
+        case ContentType.Text:
+            return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(TextArea, { value: item.text, onChange: handleTextChange, autosize: { minRows: 1, maxRows: 3 }, disabled: readonly, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u4FE1\u606F" }), readonly ? null : (_jsx(Button, { icon: _jsx(IconCozTrashCan, {}), color: "secondary", size: "small", onClick: onRemove }))] }));
+        case ContentType.Image:
+            return (_jsx(ImageItemRenderer, { item: item, onRemove: onRemove, onChange: onChange, readonly: readonly }));
+        case 'Video':
+            return (_jsx(VideoItemRenderer, { item: item, onRemove: onRemove, onChange: onChange, readonly: readonly }));
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=multipart-item-renderer.js.map

package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multipart-item-renderer.js","sourceRoot":"","sources":["../../../../src/multi-part-editor/components/multipart-item-renderer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAS1D,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,QAAQ,CAAC;YACP,GAAG,IAAI;YACP,IAAI;SACL,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,QAAQ,IAAI,CAAC,YAAY,EAAE,CAAC;QAC1B,KAAK,WAAW,CAAC,IAAI;YACnB,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,4CAAS,GACrB,EACD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,MAAM,IACL,IAAI,EAAE,KAAC,eAAe,KAAG,EACzB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,QAAQ,GACjB,CACH,IACG,CACP,CAAC;QAEJ,KAAK,WAAW,CAAC,KAAK;YACpB,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/lib/multi-part-editor/components/url-input-modal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type Image as ImageProps } from '@cozeloop/api-schema/evaluation';
+import { type UploadAttachmentDetail } from '../type';
+interface UrlInputModalProps {
+    visible: boolean;
+    onConfirm: (results: ImageProps[]) => void;
+    onCancel: () => void;
+    maxCount?: number;
+    uploadImageUrl?: (urls: string[]) => Promise<UploadAttachmentDetail[] | undefined>;
+    uploadType?: 'image' | 'video';
+    intranetUrlValidator?: (url: string) => boolean;
+}
+export declare const UrlInputModal: React.FC<UrlInputModalProps>;
+export {};

package/dist/lib/multi-part-editor/components/url-input-modal.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @coze-arch/max-line-per-function */
+import { useState, useRef } from 'react';
+import { IconCozTrashCan, IconCozPlus, IconCozCheckMarkCircleFill, IconCozCrossCircleFill, } from '@coze-arch/coze-design/icons';
+import { Modal, Button, Image, Spin, Form, Typography, Tag, } from '@coze-arch/coze-design';
+import { LoopTable } from '../../table';
+import { ErrorTypeMap } from '../type';
+export const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImageUrl, uploadType = 'image', intranetUrlValidator, }) => {
+    const [error, setError] = useState('');
+    const [isUploading, setIsUploading] = useState(false);
+    const [isUploaded, setIsUploaded] = useState(false);
+    const [uploadResults, setUploadResults] = useState([]);
+    const formRef = useRef();
+    // Validate helpers
+    const validateUrl = (url) => {
+        try {
+            new URL(url);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    };
+    // Upload logic
+    const handleUpload = async (formValues) => {
+        if (formValues?.urls?.length === 0) {
+            setError('请至少添加一个图片链接');
+            return;
+        }
+        setIsUploading(true);
+        setError('');
+        try {
+            const results = await uploadImageUrl?.(formValues?.urls);
+            setUploadResults(results || []);
+            setIsUploaded(true);
+        }
+        catch (err) {
+            setError('上传失败，请重试');
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    const handleConfirm = async () => {
+        if (!uploadImageUrl) {
+            const data = await formRef.current
+                ?.validate()
+                ?.catch(e => console.error(e));
+            if (Array.isArray(data?.urls)) {
+                onConfirm(data?.urls?.map(item => ({
+                    name: item,
+                    url: item,
+                    thumb_url: item,
+                })));
+            }
+            return;
+        }
+        if (isUploaded) {
+            const successResults = uploadResults.filter(item => item.errorType === undefined);
+            onConfirm(successResults.map(item => ({
+                name: item.image?.name,
+                url: item.originImage?.url,
+                uri: item.image?.uri,
+                thumb_url: item.image?.thumb_url,
+            })));
+        }
+        else {
+            await formRef.current?.submitForm();
+        }
+    };
+    const handleCancel = () => {
+        setError('');
+        setIsUploading(false);
+        setIsUploaded(false);
+        setUploadResults([]);
+        onCancel();
+    };
+    // Dynamic form for URLs
+    const renderInputStage = () => (_jsx(Form, { initValues: { urls: [''] }, getFormApi: api => (formRef.current = api), onSubmit: uploadImageUrl ? handleUpload : undefined, children: ({ formState, formApi }) => {
+            const urls = formState.values?.urls || [''];
+            const canAdd = urls.length < maxCount;
+            return (_jsxs("div", { children: [urls.map((_url, idx) => (_jsxs("div", { className: "flex  gap-2", children: [_jsx(Form.Input, { field: `urls[${idx}]`, label: {
+                                    text: `${uploadType === 'image' ? '图片' : '视频'}${idx + 1}`,
+                                    required: true,
+                                }, fieldClassName: "flex-1", placeholder: `请输入${uploadType === 'image' ? '图片' : '视频'}链接，请使用公网域名`, rules: [
+                                    {
+                                        validator: (_, value, cb) => {
+                                            if (!value) {
+                                                cb(`请输入${uploadType === 'image' ? '图片' : '视频'}链接`);
+                                                return false;
+                                            }
+                                            if (intranetUrlValidator &&
+                                                intranetUrlValidator(value)) {
+                                                cb('请使用公网域名');
+                                                return false;
+                                            }
+                                            if (!validateUrl(value)) {
+                                                cb('请输入有效的URL');
+                                                return false;
+                                            }
+                                            return true;
+                                        },
+                                    },
+                                ], className: "w-full" }), _jsx(Button, { size: "small", color: "secondary", icon: _jsx(IconCozTrashCan, { className: "w-[14px] h-[14px]" }), onClick: () => {
+                                    formApi.setValue('urls', urls.filter((_, i) => i !== idx));
+                                }, className: "mt-[42px]", disabled: urls.length === 1 })] }, idx))), _jsxs(Button, { color: "primary", disabled: !canAdd, icon: _jsx(IconCozPlus, {}), onClick: () => formApi.setValue('urls', [...urls, '']), className: "mt-2", children: ["\u6DFB\u52A0", _jsx(Typography.Text, { className: "ml-1", type: "secondary", children: `${urls.length}/${maxCount}` })] }), error ? (_jsx("div", { className: "text-red-500 text-sm mt-1", children: error })) : null] }));
+        } }));
+    const columns = [
+        {
+            title: '图片地址',
+            dataIndex: 'originImage.url',
+            width: 220,
+            ellipsis: { showTitle: true },
+        },
+        {
+            title: '图片预览',
+            dataIndex: 'originImage.url',
+            width: 120,
+            render: (url) => (_jsx(Image, { src: url, width: 60, height: 60, imgStyle: { objectFit: 'contain' } })),
+        },
+        {
+            title: '状态',
+            key: 'status',
+            align: 'left',
+            width: 200,
+            render: (record) => (_jsxs("div", { className: "flex items-center", children: [_jsx(Tag, { prefixIcon: record?.errorType ? (_jsx(IconCozCrossCircleFill, {})) : (_jsx(IconCozCheckMarkCircleFill, {})), color: record?.errorType ? 'red' : 'green', children: record?.errorType ? '失败' : '成功' }), _jsx(Typography.Text, { type: "secondary", className: "ml-1", children: record.errorType ? ErrorTypeMap[record.errorType] : '' })] })),
+        },
+    ];
+    const renderResultStage = () => (_jsx("div", { className: "space-y-4", children: _jsx(LoopTable, { tableProps: {
+                columns,
+                dataSource: uploadResults,
+                rowKey: 'id',
+                pagination: false,
+                size: 'small',
+            } }) }));
+    const getConfirmButtonText = () => {
+        if (!uploadImageUrl) {
+            return '确认';
+        }
+        if (isUploading) {
+            return '上传中...';
+        }
+        if (isUploaded) {
+            return `导入${uploadType === 'image' ? '图片' : '视频'}`;
+        }
+        return '上传';
+    };
+    return (_jsxs(Modal, { title: `添加${uploadType === 'image' ? '图片' : '视频'}链接`, visible: visible, onCancel: handleCancel, width: 640, footer: _jsxs("div", { className: "flex justify-end", children: [_jsx(Button, { onClick: handleCancel, color: "primary", children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: handleConfirm, loading: isUploading, children: getConfirmButtonText() })] }), children: [isUploading ? (_jsxs("div", { className: "flex items-center justify-center py-8", children: [_jsx(Spin, { size: "large" }), _jsx("span", { className: "ml-2", children: "\u6B63\u5728\u4E0A\u4F20\u56FE\u7247..." })] })) : null, !isUploading && !isUploaded && renderInputStage(), !isUploading && isUploaded ? renderResultStage() : null] }));
+};
+//# sourceMappingURL=url-input-modal.js.map

package/dist/lib/multi-part-editor/components/url-input-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-input-modal.js","sourceRoot":"","sources":["../../../../src/multi-part-editor/components/url-input-modal.tsx"],"names":[],"mappings":"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"}

package/dist/lib/multi-part-editor/components/video-item-renderer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type MultipartItem } from '../type';
+interface VideoItemRendererProps {
+    className?: string;
+    style?: React.CSSProperties;
+    spaceID?: Int64;
+    item: MultipartItem;
+    readonly?: boolean;
+    onRemove: () => void;
+    onChange: (item: MultipartItem) => void;
+    uploadFile?: (params: unknown) => Promise<string>;
+}
+export declare const VideoItemRenderer: React.FC<VideoItemRendererProps>;
+export {};

package/dist/lib/multi-part-editor/components/video-item-renderer.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @coze-arch/use-error-in-catch */
+/* eslint-disable complexity */
+import { useState } from 'react';
+import classNames from 'classnames';
+import { StorageProvider } from '@cozeloop/api-schema/data';
+import { IconCozCross, IconCozPlayCircle, IconCozRefresh, } from '@coze-arch/coze-design/icons';
+import { Loading, Modal } from '@coze-arch/coze-design';
+import { ImageStatus } from '../type';
+import styles from './index.module.less';
+export const VideoItemRenderer = ({ className, style, spaceID, item, onRemove, onChange, uploadFile, readonly, }) => {
+    const [visible, setVisible] = useState(false);
+    const status = item?.sourceVideo?.status;
+    const uri = item?.video?.uri;
+    const url = item?.video?.url;
+    const isError = status === ImageStatus.Error;
+    const file = item?.sourceVideo?.file;
+    const retryUpload = async () => {
+        try {
+            onChange({
+                ...item,
+                sourceVideo: {
+                    ...item.sourceVideo,
+                    status: ImageStatus.Loading,
+                },
+            });
+            const newUri = await uploadFile?.({
+                file,
+                fileType: 'image',
+                spaceID,
+            });
+            onChange({
+                ...item,
+                sourceVideo: {
+                    ...item.sourceVideo,
+                    status: ImageStatus.Success,
+                },
+                video: {
+                    ...item.video,
+                    uri: newUri,
+                    storage_provider: StorageProvider.ImageX,
+                },
+            });
+        }
+        catch (error) {
+            onChange({
+                ...item,
+                sourceVideo: {
+                    ...item.sourceVideo,
+                    status: ImageStatus.Error,
+                },
+            });
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: classNames('w-[64px] h-[64px] relative group', className), style: style, children: [_jsx("video", { src: url, className: "w-full h-full rounded-[6px] border border-solid coz-stroke-plus" }), status === ImageStatus.Loading ? null : (_jsx(IconCozPlayCircle, { className: "text-white w-[16px] h-[16px] absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]", onClick: () => setVisible(true) })), status !== ImageStatus.Loading && (_jsxs("div", { className: `absolute inset-0 flex gap-3 items-center rounded-[6px] justify-center bg-[rgba(0,0,0,0.4)] ${isError ? 'visible' : 'invisible'}  group-hover:visible`, children: [isError && !readonly && file ? (_jsx(IconCozRefresh, { className: "text-white w-[16px] h-[16px] cursor-pointer", onClick: retryUpload })) : null, uri || url ? (_jsx(IconCozPlayCircle, { className: "text-white w-[16px] h-[16px] cursor-pointer", onClick: () => setVisible(true) })) : null, readonly ? null : (_jsx("div", { className: "p-[2px] text-white cursor-pointer absolute right-[-4px] top-[-4px] z-10 bg-[var(--coz-fg-secondary)] rounded-[16px] flex items-end justify-center", children: _jsx(IconCozCross, { onClick: onRemove, className: "text-[12px]" }) }))] })), status === ImageStatus.Loading && (_jsx("div", { className: "absolute inset-0 flex items-center rounded-[6px] justify-center bg-[rgba(0,0,0,0.4)] z-10", children: _jsx(Loading, { loading: true, color: "blue" }) }))] }), status === ImageStatus.Error ? (_jsx("div", { className: "text-sm text-red-500", children: "\u4E0A\u4F20\u5931\u8D25" })) : null, _jsx(Modal, { title: "\u89C6\u9891\u9884\u89C8", footer: null, visible: visible, onCancel: () => setVisible(false), footerFill: false, hasScroll: false, width: 654, className: styles['video-preview-modal'], children: _jsx("video", { src: url, className: "w-full h-[368px]", controls: true, autoPlay: true }) })] }));
+};
+//# sourceMappingURL=video-item-renderer.js.map

package/dist/lib/multi-part-editor/components/video-item-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-item-renderer.js","sourceRoot":"","sources":["../../../../src/multi-part-editor/components/video-item-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/lib/multi-part-editor/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type MultipartEditorProps } from './type';
+export declare const MultipartEditor: React.FC<MultipartEditorProps>;