@cozeloop/components 0.0.12-beta-1772259372242 → 0.0.12-beta-1773302245651

package/dist/es/index.css

@@ -32,16 +32,16 @@
   height: 42px;
   color: var(--coz-fg-plus);
   background: var(--coz-bg, #f0f0f7);
+  background-color: var(--coz-bg, #f0f0f7);
   border-bottom: 1px solid var(--line-color-border-2, #eaedf1);
   padding: 5px 20px;
   font-size: 13px;
   font-weight: 500;
   line-height: 20px;
-  background-color: var(--coz-bg, #f0f0f7) !important;
 }
 
 #loop-table-ZtuuXn .semi-table-row-head:before {
-  background-color: var(--coz-bg, #f0f0f7) !important;
+  background-color: var(--coz-bg, #f0f0f7);
 }
 
 #loop-table-ZtuuXn .semi-table-row {

package/dist/es/index.mjs

@@ -2,10 +2,11 @@ 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 { __webpack_require__ } from "./rslib-runtime.mjs";
 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, isValidElement, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { I18n as i18n_I18n, initIntl } from "@cozeloop/i18n";
+import react, { Fragment as external_react_Fragment, forwardRef, isValidElement, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { I18n as i18n_I18n } from "@cozeloop/i18n";
 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";
@@ -21,10 +22,11 @@ import { ContentType } from "@cozeloop/api-schema/evaluation";
 import { ItemErrorType, StorageProvider } from "@cozeloop/api-schema/data";
 import { ContentType as prompt_ContentType } from "@cozeloop/api-schema/prompt";
 import { withTheme } from "@rjsf/core";
-import validator_ajv8 from "@rjsf/validator-ajv8";
+import { defaultKeymap, history as commands_history, historyKeymap } from "@codemirror/commands";
 import { TranslatableString, ariaDescribedByIds, canExpand, enumOptionsIndexForValue, enumOptionsValueForIndex, errorId, examplesId, getInputProps, getSubmitButtonOptions, getTemplate, getUiOptions, optionId, rangeSpec } from "@rjsf/utils";
 import { useMouseDownOffset as hooks_useMouseDownOffset } from "@cozeloop/hooks";
 import dayjs from "dayjs";
+import { useReportEvent } from "@cozeloop/config-provider";
 import { EditorProvider, createRenderer, option as react_option } from "@coze-editor/editor/react";
 import preset_code, { createTheme, languages, tags, themes, transformerCreator } from "@coze-editor/editor/preset-code";
 import { typescript } from "@coze-editor/editor/language-typescript";
@@ -33,31 +35,9 @@ import { python } from "@coze-editor/editor/language-python";
 import { json } from "@coze-editor/editor/language-json";
 import { mixLanguages } from "@coze-editor/editor";
 import { EditorView, keymap } from "@codemirror/view";
+import { markdownLanguage } from "@codemirror/lang-markdown";
 import { goLanguage } from "@codemirror/lang-go";
 import preset_universal from "@coze-editor/editor/preset-universal";
-import { defaultKeymap, history as commands_history, historyKeymap } from "@codemirror/commands";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports, '__esModule', {
-            value: true
-        });
-    };
-})();
 var external_react_sortable_hoc_namespaceObject = {};
 __webpack_require__.r(external_react_sortable_hoc_namespaceObject);
 __webpack_require__.d(external_react_sortable_hoc_namespaceObject, {
@@ -1076,11 +1056,11 @@ const dealColumnsWithStorage = (storageKey, columns)=>{
             checked: sort[column.key]?.checked ?? true
         }));
 };
-const PrimaryPage = ({ pageTitle, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot, ...restProps })=>/*#__PURE__*/ jsxs("div", {
+const PrimaryPage = ({ pageTitle, renderCustomHeader, 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", {
+            renderCustomHeader ? renderCustomHeader : pageTitle || titleSlot ? /*#__PURE__*/ jsxs("div", {
                 className: classnames('flex items-center justify-between py-4 px-6', headerClassName),
                 children: [
                     /*#__PURE__*/ jsx("div", {
@@ -4518,40 +4498,6 @@ function TitleWithSub({ title, subTitle, className }) {
         ]
     });
 }
-const CozeLoopContext = /*#__PURE__*/ createContext({});
-function CozeLoopProvider({ children, defaultLanguage, resources, sendEvent }) {
-    const isInitialized = useRef(false);
-    const [initialized, setInitialized] = useState(false);
-    useEffect(()=>{
-        if (resources && !isInitialized.current) initIntl({
-            lng: defaultLanguage,
-            resources
-        }).then(()=>{
-            isInitialized.current = true;
-            setInitialized(true);
-        }).catch((error)=>{
-            console.error('Error initializing intl:', error);
-            isInitialized.current = true;
-            setInitialized(true);
-        });
-    }, [
-        resources,
-        defaultLanguage
-    ]);
-    if (!initialized) return /*#__PURE__*/ jsx(PageLoading, {});
-    return /*#__PURE__*/ jsx(CozeLoopContext.Provider, {
-        value: {
-            sendEvent
-        },
-        children: children
-    });
-}
-function useReportEvent() {
-    const context = useContext(CozeLoopContext);
-    return context.sendEvent ?? ((name, params)=>{
-        console.info(name, params);
-    });
-}
 function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps } = {}, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps } = {} }) {
     return /*#__PURE__*/ jsxs("div", {
         className: "flex justify-end",
@@ -4572,9 +4518,15 @@ function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnP
 function TableEmpty({ className, ...props }) {
     return /*#__PURE__*/ jsx(EmptyState, {
         className: classnames('my-10', className),
-        icon: /*#__PURE__*/ jsx(IconCozIllusNone, {}),
-        darkModeIcon: /*#__PURE__*/ jsx(IconCozIllusNoneDark, {}),
-        description: i18n_I18n.t('no_data'),
+        icon: /*#__PURE__*/ jsx(IconCozIllusNone, {
+            width: "160",
+            height: "160"
+        }),
+        darkModeIcon: /*#__PURE__*/ jsx(IconCozIllusNoneDark, {
+            width: "160",
+            height: "160"
+        }),
+        title: i18n_I18n.t('no_data'),
         ...props
     });
 }
@@ -5192,15 +5144,6 @@ const ResizableSideSheet = (props)=>{
         ]
     });
 };
-var enum_EventNames = /*#__PURE__*/ function(EventNames) {
-    EventNames["INIT_LOOP_FORM"] = "init_loop_form";
-    EventNames["LOOP_FORM_FIELD_VALIDATE_ERROR"] = "loop_form_field_validate_error";
-    EventNames["LOOP_FORM_SUBMIT_INTERFACE_ERROR"] = "loop_form_submit_interface_error";
-    EventNames["LOOP_FORM_SUBMIT_SUCCESS"] = "loop_form_submit_success";
-    EventNames["LOOP_FORM_FIELD_CHANGE_TIMELINE"] = "loop_form_field_change_timeline";
-    EventNames["LOOP_FORM_CLOSE"] = "loop_form_close";
-    return EventNames;
-}({});
 function safeStringify(obj) {
     return JSON.stringify(obj, (_, value)=>{
         if (/*#__PURE__*/ isValidElement(value)) return '[ReactElement]';
@@ -5226,7 +5169,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
         validateErrorCount.current = validateErrorCount.current + 1;
         const validateErrorTime = Date.now();
         const errorKeys = Object.keys(error) || [];
-        sendEvent(enum_EventNames.LOOP_FORM_FIELD_VALIDATE_ERROR, {
+        sendEvent("loop_form_field_validate_error", {
             form_id: formID,
             session_id: sessionID,
             form_item_error_count: errorKeys.length,
@@ -5240,7 +5183,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
         if (isInterfaceError) {
             firstValidateSuccess.current = false;
             interfaceErrorCount.current = interfaceErrorCount.current + 1;
-            sendEvent?.(enum_EventNames.LOOP_FORM_SUBMIT_INTERFACE_ERROR, {
+            sendEvent?.("loop_form_submit_interface_error", {
                 form_id: formID,
                 session_id: sessionID,
                 form_interface_error_detail: JSON.stringify(error || {}),
@@ -5254,7 +5197,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
         const formItemShow = Object.keys(values);
         const formItemFilled = formItemShow.filter((key)=>values[key]);
         const successTime = Date.now();
-        sendEvent?.(enum_EventNames.LOOP_FORM_SUBMIT_SUCCESS, {
+        sendEvent?.("loop_form_submit_success", {
             form_id: formID,
             session_id: sessionID,
             form_complete_consume_time: Date.now() - startTimeRef.current,
@@ -5362,7 +5305,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
     };
     const onFormClose = ()=>{
         const closeTime = Date.now();
-        sendEvent?.(enum_EventNames.LOOP_FORM_CLOSE, {
+        sendEvent?.("loop_form_close", {
             form_id: formIdRef.current,
             session_id: sessionIdRef.current,
             form_no_operation: noOperation.current,
@@ -5405,7 +5348,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
     useEffect(()=>{
         if (sessionID && formID) {
             const initTime = Date.now();
-            sendEvent?.(enum_EventNames.INIT_LOOP_FORM, {
+            sendEvent?.("init_loop_form", {
                 form_id: formID,
                 session_id: sessionID,
                 time: initTime,
@@ -5416,7 +5359,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             if (formID && sessionID && !flushedRef.current) {
                 flushedRef.current = true;
                 try {
-                    sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                    sendEvent?.("loop_form_field_change_timeline", {
                         form_id: formID,
                         session_id: sessionID,
                         time_line: JSON.stringify(operationTimelineRef.current)
@@ -5440,7 +5383,7 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             if (!fid || !sid) return;
             flushedRef.current = true;
             try {
-                sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                sendEvent?.("loop_form_field_change_timeline", {
                     form_id: fid,
                     session_id: sid,
                     time_line: JSON.stringify(operationTimelineRef.current)
@@ -5748,6 +5691,9 @@ languages.register("typescript", typescript);
 languages.register('go', {
     language: goLanguage
 });
+languages.register('markdown', {
+    language: markdownLanguage
+});
 themes.register('coze-light', cozeLight);
 themes.register('coze-dark', cozeDark);
 const minHeightOption = (value)=>EditorView.theme({
@@ -5783,6 +5729,20 @@ const lineHeightOption = (value)=>EditorView.theme({
             lineHeight: 'number' == typeof value ? `${value}px` : 'string' == typeof value ? value : 'unset'
         }
     });
+const backgroundColorOption = (value)=>EditorView.theme({
+        '&.cm-editor': {
+            backgroundColor: value ? `${value} !important` : 'unset'
+        },
+        '.cm-gutters': {
+            backgroundColor: value ? `${value} !important` : 'unset'
+        },
+        '.cm-activeLineGutter': {
+            backgroundColor: value ? `${value} !important` : 'unset'
+        },
+        '.cm-line': {
+            backgroundColor: value ? `${value} !important` : 'unset'
+        }
+    });
 function createStyleOptions() {
     return [
         react_option('minHeight', minHeightOption),
@@ -5790,7 +5750,8 @@ function createStyleOptions() {
         react_option('editorHeight', heightOption),
         react_option('borderRadius', borderRadiusOption),
         react_option('padding', paddingOption),
-        react_option('lineHeight', lineHeightOption)
+        react_option('lineHeight', lineHeightOption),
+        react_option('backgroundColor', backgroundColorOption)
     ];
 }
 const builtinExtensions = [
@@ -5830,6 +5791,11 @@ const text_editor_lineHeightOption = (value)=>EditorView.theme({
             lineHeight: 'number' == typeof value ? `${value}px` : 'string' == typeof value ? value : 'unset'
         }
     });
+const text_editor_backgroundColorOption = (value)=>EditorView.theme({
+        '.cm-content, .cm-gutter, .cm-right-gutter': {
+            backgroundColor: value ? `${value} !important` : 'unset'
+        }
+    });
 const extensions = [
     mixLanguages({}),
     RawEditorTheme,
@@ -5842,7 +5808,8 @@ const extensions = [
 const CodeMirrorTextEditor = createRenderer([
     ...preset_universal,
     react_option('minHeight', text_editor_minHeightOption),
-    react_option('lineHeight', text_editor_lineHeightOption)
+    react_option('lineHeight', text_editor_lineHeightOption),
+    react_option('backgroundColor', text_editor_backgroundColorOption)
 ], extensions);
 const json_editor_extensions = [
     EditorView.theme({
@@ -5881,7 +5848,7 @@ const transformer = transformerCreator((text)=>{
     return text;
 });
 const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
-    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur } = props;
+    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, backgroundColor } = props;
     const apiRef = useRef(null);
     const handleChange = useCallback((e)=>{
         if ('function' == typeof onChange) onChange(e.value);
@@ -5927,14 +5894,15 @@ const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
                     theme: isDarkTheme ? 'coze-dark' : 'coze-light',
                     languageId: 'json',
                     editable: !readonly,
-                    transformer,
+                    transformer: transformer,
                     minHeight,
                     maxHeight,
                     editorHeight,
                     borderRadius,
                     padding,
                     fontSize: 13,
-                    lineHeight: 20
+                    lineHeight: 20,
+                    backgroundColor
                 },
                 didMount: (api)=>apiRef.current = api,
                 extensions: json_editor_extensions,
@@ -5945,7 +5913,7 @@ const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
     });
 });
 const CodeMirrorRawTextEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { value, onChange, placeholder, className, minHeight, readonly } = props;
+    const { value, onChange, placeholder, className, minHeight, readonly, backgroundColor } = props;
     const apiRef = useRef(null);
     const handleChange = useCallback((e)=>{
         if ('function' == typeof onChange) onChange(e.value);
@@ -5972,7 +5940,8 @@ const CodeMirrorRawTextEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
                     minHeight,
                     fontSize: 13,
                     editable: !readonly,
-                    lineHeight: 20
+                    lineHeight: 20,
+                    backgroundColor
                 },
                 didMount: (api)=>apiRef.current = api
             })
@@ -6016,7 +5985,7 @@ const raw_code_editor_transformer = transformerCreator((text)=>{
     return text;
 });
 const CodeMirrorRawCodeEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
-    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, language = 'shell' } = props;
+    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, language = 'shell', backgroundColor } = props;
     const apiRef = useRef(null);
     const handleChange = useCallback((e)=>{
         if ('function' == typeof onChange) onChange(e.value);
@@ -6069,7 +6038,8 @@ const CodeMirrorRawCodeEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
                     borderRadius,
                     padding,
                     fontSize: 13,
-                    lineHeight: 20
+                    lineHeight: 20,
+                    backgroundColor
                 },
                 didMount: (api)=>apiRef.current = api,
                 extensions: raw_code_editor_extensions,
@@ -6079,23 +6049,37 @@ const CodeMirrorRawCodeEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
         })
     });
 });
-const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, className })=>/*#__PURE__*/ jsx("div", {
-        className: classnames('w-full h-[500px] border border-solid coz-stroke-primary rounded-[4px] overflow-hidden relative bg-white', {
-            'opacity-70': readOnly
+const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, className, backgroundColor })=>/*#__PURE__*/ jsx("div", {
+        className: classnames('w-full h-[500px] border border-solid border-[rgba(68,83,130,0.25)] rounded-[4px] overflow-hidden relative', {
+            'opacity-70': readOnly,
+            'bg-white': !backgroundColor
         }, className),
+        style: backgroundColor ? {
+            backgroundColor
+        } : void 0,
         children: 'json' === language ? /*#__PURE__*/ jsx(CodeMirrorJsonEditor, {
             className: "w-full h-full overflow-y-auto",
             onChange: onChange,
             value: value || '',
             placeholder: placeholder,
             readonly: readOnly,
-            borderRadius: 4
+            borderRadius: 4,
+            backgroundColor: backgroundColor
+        }) : language ? /*#__PURE__*/ jsx(CodeMirrorRawCodeEditor, {
+            className: "w-full h-full overflow-y-auto",
+            language: language,
+            onChange: onChange,
+            value: value || '',
+            placeholder: placeholder,
+            readonly: readOnly,
+            backgroundColor: backgroundColor
         }) : /*#__PURE__*/ jsx(CodeMirrorRawTextEditor, {
             className: "w-full h-full overflow-y-auto",
             onChange: onChange,
             value: value || '',
             placeholder: placeholder,
-            readonly: readOnly
+            readonly: readOnly,
+            backgroundColor: backgroundColor
         })
     });
 const code_editor_with_loading_index_module = {
@@ -6414,4 +6398,7 @@ function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size
         ]
     });
 }
-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, LinkButton, 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 };
+var src_DEFAULT_FILE_COUNT = 20;
+var src_DEFAULT_PART_COUNT = 50;
+export { default as schemaValidators } from "@rjsf/validator-ajv8";
+export { AudioRender, BasicCard, CardPane, ChipSelect, CodeEditorWithLoading, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, CollapseItem, ColumnSelector, Copyable, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, EditorProvider, FooterActions, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LinkButton, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, 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, _monaco_editor_react as CodeEditor, base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, setColumnsManageStorage, sleep, src_DEFAULT_FILE_COUNT as DEFAULT_FILE_COUNT, src_DEFAULT_PART_COUNT as DEFAULT_PART_COUNT, type_ImageStatus as MultipartRenderStatus, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useUnsaveLeaveWarning };

package/dist/es/loopIcons.mjs

@@ -1,2 +1,3 @@
 import "./index.css";
+import "@arco-iconbox/react-cozeloop-icons";
 export * from "@arco-iconbox/react-cozeloop-icons";

package/dist/es/rslib-runtime.mjs

@@ -0,0 +1,40 @@
+import "./index.css";
+var __webpack_modules__ = {};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+__webpack_require__.m = __webpack_modules__;
+(()=>{
+    __webpack_require__.add = function(modules) {
+        Object.assign(__webpack_require__.m, modules);
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+export { __webpack_require__ };

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

@@ -1,4 +1,4 @@
-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: {
+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").OptionPluginSpec<"backgroundColor", string | 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;

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

@@ -14,6 +14,7 @@ interface BaseJsonEditorProps {
     borderRadius?: string | number;
     onFocus?: () => void;
     onBlur?: () => void;
+    backgroundColor?: string;
 }
 export declare const CodeMirrorJsonEditor: React.ForwardRefExoticComponent<BaseJsonEditorProps & React.RefAttributes<unknown>>;
 export {};

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

@@ -15,6 +15,7 @@ interface BaseCodeEditorProps {
     language?: string;
     onFocus?: () => void;
     onBlur?: () => void;
+    backgroundColor?: string;
 }
 export declare const CodeMirrorRawCodeEditor: React.ForwardRefExoticComponent<BaseCodeEditorProps & React.RefAttributes<unknown>>;
 export {};

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

@@ -6,6 +6,7 @@ interface CodeMirrorRawTextEditorProps {
     dataTestID?: string;
     placeholder?: string | HTMLElement;
     minHeight?: string | number;
+    backgroundColor?: string;
 }
 export declare const CodeMirrorRawTextEditor: import("react").ForwardRefExoticComponent<CodeMirrorRawTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,4 +1,4 @@
-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: {
+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").OptionPluginSpec<"backgroundColor", string | 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;

package/dist/lib/index.d.ts

@@ -59,7 +59,6 @@ export { InputWithCount } from './input-with-count';
 export { LoopRadioGroup } from './loop-radio-group';
 export { Layout } from './layout';
 export { TitleWithSub } from './title-with-sub';
-export { CozeLoopProvider, useReportEvent } from './provider';
 export { FooterActions } from './footer-actions';
 export { TableEmpty } from './table-empty';
 export { CardPane } from './card-pane';

package/dist/lib/primary-page/primary-header.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 interface PrimaryPageHeaderProps {
     pageTitle?: ReactNode;
+    renderCustomHeader?: ReactNode;
     filterSlot?: ReactNode;
     children?: ReactNode;
     headerClassName?: string;
@@ -9,5 +10,5 @@ interface PrimaryPageHeaderProps {
     className?: string;
     titleSlot?: ReactNode;
 }
-export declare const PrimaryPage: ({ pageTitle, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot, ...restProps }: PrimaryPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PrimaryPage: ({ pageTitle, renderCustomHeader, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot, ...restProps }: PrimaryPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/schema-editor/index.d.ts

@@ -6,6 +6,7 @@ interface SchemaEditorProps {
     placeholder?: string;
     showLineNumbs?: boolean;
     className?: string;
+    backgroundColor?: string;
 }
-export declare const SchemaEditor: ({ value, onChange, placeholder, readOnly, language, className, }: SchemaEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SchemaEditor: ({ value, onChange, placeholder, readOnly, language, className, backgroundColor, }: SchemaEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cozeloop/components",
-  "version": "0.0.12-beta-1772259372242",
+  "version": "0.0.12-beta-1773302245651",
   "description": "common components for cozeloop",
   "author": "houtao.zzj@bytedance.com",
   "exports": {
@@ -30,13 +30,15 @@
     "@arco-iconbox/react-cozeloop-icons": "0.0.3",
     "@codemirror/commands": "^6.3.3",
     "@codemirror/lang-go": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.3.2",
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.34.1",
-    "@coze-arch/coze-design": "0.0.7-alpha.985c0d",
-    "@coze-editor/editor": "0.1.0-alpha.577152",
+    "@coze-arch/coze-design": "0.0.7-alpha.5f0418",
+    "@coze-editor/editor": "0.1.0-alpha.02803c",
     "@cozeloop/api-schema": "0.1.6",
+    "@cozeloop/config-provider": "0.0.12-beta-1773302245651",
     "@cozeloop/hooks": "0.0.1",
-    "@cozeloop/i18n": "0.0.4",
+    "@cozeloop/i18n": "0.0.12-beta-1773302245651",
     "@cozeloop/toolkit": "0.0.5",
     "@monaco-editor/react": "^4.5.2",
     "@rjsf/core": "~5.24.9",

package/dist/lib/provider/index.d.ts

@@ -1,19 +0,0 @@
-import { type ReactNode } from 'react';
-interface CozeLoopContextValue {
-    resources?: {
-        'zh-CN': {
-            translation: Record<string, string>;
-        };
-        'en-US': {
-            translation: Record<string, string>;
-        };
-    };
-    defaultLanguage?: string;
-    sendEvent?: (name: string, params: Record<string, unknown>, target?: HTMLElement | string | null) => void;
-}
-interface CozeLoopProviderProps extends CozeLoopContextValue {
-    children: ReactNode;
-}
-export declare function CozeLoopProvider({ children, defaultLanguage, resources, sendEvent, }: CozeLoopProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useReportEvent(): (name: string, params: Record<string, unknown>, target?: HTMLElement | string | null) => void;
-export {};