@cozeloop/components 0.0.12-beta-1015.7823330163956 → 0.0.12-beta-1778488172610

package/dist/es/index.css

@@ -643,3 +643,41 @@
   overflow: auto;
 }
 
+.editor-uWaaem {
+  flex-direction: column;
+  display: flex;
+}
+
+.editor-uWaaem.disabled-OrSmN6 {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.editor-content-T5fMRg {
+  overflow-y: auto;
+}
+
+.editor-content-T5fMRg .tiptap {
+  min-height: 96px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  line-height: 22px;
+  outline: none !important;
+}
+
+.editor-content-T5fMRg .tiptap p {
+  margin: 0;
+}
+
+.editor-content-T5fMRg .tiptap p.is-editor-empty:before {
+  float: left;
+  height: 0;
+  color: var(--color-text-3);
+  pointer-events: none;
+  content: attr(data-placeholder);
+}
+
+.editor-content-T5fMRg .mention-node-wrapper {
+  display: inline;
+}
+

package/dist/es/index.mjs

@@ -22,7 +22,7 @@ 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 { defaultKeymap, history as commands_history, historyKeymap } from "@codemirror/commands";
+import { mergeAttributes } from "@tiptap/core";
 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";
@@ -32,12 +32,22 @@ import preset_code, { createTheme, languages, tags, themes, transformerCreator }
 import { typescript } from "@coze-editor/editor/language-typescript";
 import { shell } from "@coze-editor/editor/language-shell";
 import { python } from "@coze-editor/editor/language-python";
-import { json } from "@coze-editor/editor/language-json";
+import { json as language_json_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";
+import { EditorContent, NodeViewWrapper, ReactNodeViewRenderer, useEditor } from "@tiptap/react";
+import extension_text from "@tiptap/extension-text";
+import extension_placeholder from "@tiptap/extension-placeholder";
+import extension_paragraph from "@tiptap/extension-paragraph";
+import extension_history from "@tiptap/extension-history";
+import extension_hard_break from "@tiptap/extension-hard-break";
+import extension_document from "@tiptap/extension-document";
+import { NodeSelection, Plugin, PluginKey } from "@tiptap/pm/state";
+import extension_mention from "@tiptap/extension-mention";
 var external_react_sortable_hoc_namespaceObject = {};
 __webpack_require__.r(external_react_sortable_hoc_namespaceObject);
 __webpack_require__.d(external_react_sortable_hoc_namespaceObject, {
@@ -518,6 +528,7 @@ function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wra
                     position: "bottomLeft",
                     visible: visible,
                     trigger: "custom",
+                    keepDOM: true,
                     className: table_col_actions_index_module.tableColActionsDropdown,
                     onClickOutSide: ()=>setVisible(false),
                     render: /*#__PURE__*/ jsx(Menu.SubMenu, {
@@ -687,6 +698,94 @@ const InputSlider = ({ value, onChange, max = 1, min = 0, step = 1, disabled, de
         ]
     });
 };
+const isSafeInteger = (str)=>{
+    if (!/^-?\d+$/.test(str)) return false;
+    const num = Number(str);
+    return Number.isSafeInteger(num);
+};
+const toSafeValue = (str)=>{
+    if (isSafeInteger(str)) return Number(str);
+    return str;
+};
+const normalizeToString = (val)=>{
+    if (void 0 === val || '' === val) return '';
+    return String(val);
+};
+const clampStr = (valStr, minStr, maxStr)=>{
+    if (!valStr || '-' === valStr) return valStr;
+    if (!/^-?\d+$/.test(valStr)) return valStr;
+    let val = BigInt(valStr);
+    if (minStr && /^-?\d+$/.test(minStr) && val < BigInt(minStr)) val = BigInt(minStr);
+    if (maxStr && /^-?\d+$/.test(maxStr) && val > BigInt(maxStr)) val = BigInt(maxStr);
+    return val.toString();
+};
+const filterIntegerChars = (str)=>{
+    const cleaned = str.replace(/[^\d-]/g, '');
+    if (!cleaned) return '';
+    const isNegative = '-' === cleaned[0];
+    const digits = cleaned.replace(/-/g, '');
+    return isNegative ? `-${digits}` : digits;
+};
+const InputNumberBigInt = ({ value, defaultValue, max, min, onChange, onBlur, className, style, disabled, placeholder, size, ...rest })=>{
+    const [innerValue, setInnerValue] = useState(()=>normalizeToString(value ?? defaultValue));
+    const prevValueRef = useRef(value);
+    useEffect(()=>{
+        if (value !== prevValueRef.current) {
+            prevValueRef.current = value;
+            setInnerValue(normalizeToString(value));
+        }
+    }, [
+        value
+    ]);
+    const minStr = void 0 !== min ? String(min) : void 0;
+    const maxStr = void 0 !== max ? String(max) : void 0;
+    const commitValue = useCallback((str)=>{
+        if (!str || '-' === str) {
+            setInnerValue('');
+            onChange?.('');
+            return;
+        }
+        if (/^-?\d+$/.test(str)) {
+            const clamped = clampStr(str, minStr, maxStr);
+            setInnerValue(clamped);
+            onChange?.(toSafeValue(clamped));
+        }
+    }, [
+        onChange,
+        minStr,
+        maxStr
+    ]);
+    const handleChange = useCallback((inputVal)=>{
+        const filtered = filterIntegerChars(inputVal);
+        if ('' === filtered || '-' === filtered) return void setInnerValue(filtered);
+        if (/^-?\d+$/.test(filtered)) {
+            setInnerValue(filtered);
+            onChange?.(toSafeValue(filtered));
+        }
+    }, [
+        onChange
+    ]);
+    const handleBlur = useCallback((e)=>{
+        commitValue(innerValue);
+        onBlur?.(e);
+    }, [
+        commitValue,
+        innerValue,
+        onBlur
+    ]);
+    return /*#__PURE__*/ jsx(Input, {
+        ...rest,
+        value: innerValue,
+        className: className,
+        style: style,
+        disabled: disabled,
+        placeholder: placeholder,
+        size: size,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        type: "number"
+    });
+};
 const handleCopy = async (value, hideToast)=>{
     try {
         copy_to_clipboard(value);
@@ -1468,7 +1567,7 @@ function TableHeader({ columnSelectorConfigProps, tableColsConfigProps, filterFo
         style: style,
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: classnames('flex flex-row', table_header_index_module["table-header-form"]),
+                className: classnames('flex flex-row gap-2', table_header_index_module["table-header-form"]),
                 children: [
                     tableColsConfigProps ? /*#__PURE__*/ jsx(TableColsConfig, {
                         className: classnames('mr-2', tableColsConfigProps.className),
@@ -2069,8 +2168,8 @@ function FoxIcon(props) {
         xmlns: "http://www.w3.org/2000/svg",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M17.3473 0.00458872C17.6452 -0.0249179 17.8984 0.0924468 18.0643 0.22551C18.2039 0.337458 18.311 0.480293 18.3839 0.632946L18.4455 0.788677C18.9386 2.35659 19.2117 3.98764 19.2323 5.66342C19.2496 7.06943 19.028 8.43596 18.5994 9.74231C18.4824 10.0985 18.3598 10.4185 18.2327 10.7437C18.5945 11.6085 18.7963 11.9852 19.3862 12.291L19.4803 12.3463C19.6952 12.4866 19.8763 12.7081 19.952 12.9601C20.0925 13.4261 19.8963 13.8039 19.7275 14.0303C19.8107 14.1519 19.8714 14.2882 19.9013 14.4314L19.9194 14.5528L19.923 14.6913C19.9144 14.9626 19.8085 15.2017 19.6578 15.3858L19.579 15.4727C19.3622 15.6904 19.1371 15.8828 18.909 16.0639C18.9132 16.3533 18.8058 16.6484 18.5569 16.8752C18.1728 17.2245 17.7771 17.5072 17.369 17.7724C16.133 18.5756 14.8037 19.1596 13.4108 19.538C11.7645 19.985 10.0607 20.1177 8.36983 19.892L8.03214 19.8422C6.42044 19.5812 4.86137 19.0583 3.40307 18.2378C2.8119 17.9052 2.24025 17.5348 1.69738 17.0925L1.46652 16.8987C1.2029 16.6701 1.08674 16.3641 1.0908 16.063C0.856606 15.876 0.626184 15.676 0.402728 15.4473C0.196646 15.2361 0.0934939 14.9598 0.0813275 14.6958V14.5827C0.0924408 14.3739 0.168182 14.1872 0.274168 14.0331C0.116351 13.8246 -0.056844 13.4996 0.0179528 13.086L0.0523562 12.952C0.0944353 12.825 0.157325 12.7169 0.218941 12.6342C0.303909 12.5202 0.428066 12.3967 0.592852 12.3092C0.990539 12.0971 1.30244 11.7816 1.4982 11.3467L1.76709 10.7491C1.60741 10.3354 1.44542 9.91056 1.30536 9.45801L1.17318 8.99444C0.896754 7.92354 0.741676 6.82226 0.759437 5.68425C0.785604 4.00887 1.0531 2.37139 1.5489 0.797731C1.61307 0.593854 1.7371 0.392143 1.91919 0.240902C2.08183 0.105885 2.32977 -0.0153893 2.62537 0.00639955L2.75483 0.0245078L3.002 0.0824543C3.57183 0.227991 4.10063 0.45088 4.60809 0.725298C4.99366 0.933989 5.36143 1.15067 5.73978 1.41522L6.12999 1.69952C6.94325 2.31568 7.68001 3.03054 8.33814 3.83901C9.43758 3.62204 10.5554 3.60883 11.6644 3.8363C12.8158 2.42292 14.2552 1.24358 15.8643 0.490796L16.2011 0.344119C16.5378 0.209745 16.874 0.1087 17.2169 0.0263186L17.3473 0.00458872ZM16.1323 13.5315C15.9372 13.4809 15.744 13.4809 15.5185 13.5206C15.277 13.5631 15.0325 13.6425 14.7019 13.7442C14.3865 13.8413 14.0147 13.9508 13.5937 14.0113C12.8132 14.1237 12.0265 14.1006 11.2344 13.8791C11.1656 13.8599 11.1042 13.8279 11.0479 13.7904C10.8602 13.9683 10.6827 14.1123 10.5626 14.177C10.171 14.3881 9.78919 14.3695 9.42909 14.1653C9.30978 14.0977 9.13806 13.969 8.95741 13.8094C8.90286 13.8454 8.84427 13.8773 8.77815 13.8963C7.69507 14.2086 6.58695 14.1547 5.54694 13.8447L4.77196 13.6139C4.29494 13.4717 3.77066 13.5654 3.30167 13.8882L2.72405 14.2866C2.6605 14.3303 2.55946 14.3872 2.4778 14.4333C2.3859 14.4851 2.27261 14.5484 2.16726 14.6071C2.05907 14.6674 1.9557 14.7252 1.87302 14.7737C1.86167 14.7804 1.85078 14.7861 1.84133 14.7918C2.00333 14.929 2.17466 15.0654 2.36463 15.2056C2.53367 15.3304 2.6406 15.5222 2.65796 15.7316C2.66485 15.8154 2.6564 15.8984 2.63533 15.9779C3.09344 16.3491 3.58638 16.6696 4.11739 16.9684C5.41703 17.6996 6.81148 18.169 8.26481 18.4044C9.849 18.661 11.4607 18.5585 13.0288 18.1328C14.2805 17.7928 15.47 17.269 16.575 16.551C16.8615 16.3648 17.119 16.1811 17.3618 15.9806C17.3407 15.9016 17.3326 15.8186 17.3392 15.7352C17.3559 15.5232 17.4651 15.329 17.637 15.2038C17.8247 15.067 17.9952 14.9312 18.1576 14.7945L16.9354 13.9914L16.9055 13.9715L16.8783 13.9489C16.5728 13.697 16.3297 13.5827 16.1323 13.5315ZM2.84537 1.55103C2.45276 2.89409 2.23746 4.28462 2.21524 5.70688C2.19981 6.69527 2.33488 7.66534 2.58372 8.62956C2.72339 9.17012 2.9127 9.67016 3.12784 10.2276C3.22799 10.4869 3.30754 10.8775 3.12512 11.2824L2.82726 11.9443C2.55715 12.5446 2.14809 13.0151 1.65211 13.3622C1.65547 13.365 1.65859 13.3683 1.66207 13.3712C1.72092 13.3383 1.77678 13.308 1.82685 13.2798C1.87035 13.2552 1.9074 13.2348 1.93549 13.2182C1.95864 13.2045 1.96979 13.1973 1.97261 13.1956L2.55022 12.7981C3.30501 12.2784 4.24044 12.0733 5.1504 12.3445L5.92538 12.5753C6.67088 12.7976 7.42708 12.8452 8.15526 12.6867C8.14645 12.6272 8.14499 12.5703 8.15617 12.5165C8.33464 11.6599 11.6219 11.6127 11.8464 12.5056C11.8584 12.5533 11.8554 12.6066 11.8446 12.665C12.3521 12.7718 12.8684 12.7776 13.4054 12.7003C13.7171 12.6554 14.0054 12.573 14.3126 12.4785C14.6045 12.3886 14.9462 12.2772 15.2894 12.2168C15.6487 12.1536 16.0402 12.1394 16.4646 12.2494C16.876 12.3561 17.2778 12.5693 17.6877 12.9013L18.0544 13.1421C17.4318 12.6067 17.1505 11.9363 16.8575 11.2317L16.8122 11.105C16.7252 10.8091 16.7595 10.5133 16.8539 10.272L17.0431 9.77762C17.1029 9.61658 17.1599 9.45606 17.2151 9.28779C17.5956 8.12797 17.7908 6.92096 17.7755 5.68153C17.7582 4.26964 17.5417 2.89036 17.1527 1.55466C16.9222 1.62547 16.701 1.70754 16.4818 1.80998C15.0162 2.49561 13.6799 3.60991 12.6205 4.9735C12.4069 5.2487 12.0396 5.42202 11.6372 5.32299C10.5631 5.05697 9.46383 5.06547 8.36802 5.31937C8.24642 5.34763 8.07205 5.36767 7.87823 5.31393C7.67197 5.25662 7.50583 5.13393 7.38662 4.97984C6.66704 4.05181 5.83672 3.2614 4.90505 2.60946C4.66539 2.44189 4.42745 2.29434 4.17443 2.15042L3.9155 2.00736C3.55847 1.81427 3.20621 1.66062 2.84537 1.55103Z",
             fill: "currentColor"
         })
@@ -2678,7 +2777,7 @@ function LogicExpr({ defaultExpr, value, onChange: _onChange, ...restProps }) {
 }
 function RadioButton({ value, onChange, options, disabled, className }) {
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('w-full flex items-center gap-[8px]', className),
+        className: classnames('w-full flex items-stretch gap-[8px]', className),
         children: options.map((option)=>{
             const selected = value === option.value;
             const optionDisabled = option.disabled || disabled;
@@ -2852,10 +2951,10 @@ function useDataTypeList() {
 }
 function RightRender(props) {
     const { expr, onExprChange, fields, disabled = false } = props;
+    const dataTypeList = useDataTypeList();
     const field = findFieldByPath(fields, expr.left);
     if (!field) return null;
     if ('is-empty' === expr.operator || 'is-not-empty' === expr.operator) return null;
-    const dataTypeList = useDataTypeList();
     const Setter = field?.setter || dataTypeList.find((dataType)=>dataType.type === field.type)?.setter;
     if (!Setter) return null;
     return /*#__PURE__*/ jsx("div", {
@@ -4799,7 +4898,7 @@ function ObjectFieldTemplate(props) {
     });
     return /*#__PURE__*/ jsxs("fieldset", {
         id: idSchema.$id,
-        className: 'p-3 semi-card-bordered rounded-[4px]',
+        className: "p-3 semi-card-bordered rounded-[4px]",
         children: [
             /*#__PURE__*/ jsx(Row, {
                 gutter: rowGutter,
@@ -5699,9 +5798,9 @@ const cozeDark = [
 ];
 languages.register('json', {
     language: mixLanguages({
-        outerLanguage: json.language
+        outerLanguage: language_json_json.language
     }),
-    languageService: json.languageService
+    languageService: language_json_json.languageService
 });
 languages.register('shell', shell);
 languages.register('python', python);
@@ -5893,7 +5992,7 @@ const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
     const formatJson = async ()=>{
         const view = apiRef.current?.$view;
         if (!view) return;
-        view.dispatch(await json.languageService.format(view.state, {
+        view.dispatch(await language_json_json.languageService.format(view.state, {
             tabSize: 2
         }));
     };
@@ -6030,7 +6129,7 @@ const CodeMirrorRawCodeEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
     const formatJson = async ()=>{
         const view = apiRef.current?.$view;
         if (!view) return;
-        view.dispatch(await json.languageService.format(view.state, {
+        view.dispatch(await language_json_json.languageService.format(view.state, {
             tabSize: 2
         }));
     };
@@ -6131,7 +6230,7 @@ const CodeEditorWithLoading = ({ value, onChange, disabled, className })=>{
         children: [
             LoadingNode,
             /*#__PURE__*/ jsx(_monaco_editor_react, {
-                language: 'json',
+                language: "json",
                 value: value,
                 options: {
                     readOnly: disabled,
@@ -6192,8 +6291,8 @@ function AudioRender({ audioUrl, audioName, className, showDownload, deletion, u
                         children: /*#__PURE__*/ jsx("img", {
                             src: audio_icon,
                             alt: audioName,
-                            width: '100%',
-                            height: '100%',
+                            width: "100%",
+                            height: "100%",
                             style: {
                                 objectFit: 'cover',
                                 objectPosition: 'center'
@@ -6309,8 +6408,8 @@ function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size
                     }) : null,
                     /*#__PURE__*/ jsx("video", {
                         src: videoUrl,
-                        width: '100%',
-                        height: '100%',
+                        width: "100%",
+                        height: "100%",
                         className: classnames('rounded-[6px] pointer-events-none', {
                             invisible: 'loaded' !== videoElementStatus || [
                                 'error',
@@ -6416,7 +6515,349 @@ function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size
         ]
     });
 }
+function MentionNodeView(renderer, props) {
+    const { node } = props;
+    const extra = 'string' == typeof node.attrs.data ? safeJsonParse(node.attrs.data, {}) : {};
+    const item = {
+        id: node.attrs.id,
+        label: node.attrs.label,
+        ...extra
+    };
+    const Component = renderer;
+    return /*#__PURE__*/ jsx(NodeViewWrapper, {
+        as: "span",
+        className: "inline",
+        children: /*#__PURE__*/ jsx(Component, {
+            item: item
+        })
+    });
+}
+const MENTION_PLUGIN_KEY = new PluginKey('mention');
+const MENTION_KEYDOWN_KEY = new PluginKey('mentionKeydown');
+function getBackspaceRange(state, pos) {
+    const $pos = state.doc.resolve(pos);
+    if ($pos.nodeBefore?.type.name === 'mention') return {
+        from: pos - $pos.nodeBefore.nodeSize,
+        to: pos
+    };
+    if ($pos.nodeBefore?.isText && $pos.nodeAfter?.type.name === 'mention') return {
+        from: pos - 1,
+        to: pos
+    };
+    return null;
+}
+function getDeleteRange(state, pos) {
+    const $pos = state.doc.resolve(pos);
+    if ($pos.nodeAfter?.type.name === 'mention') return {
+        from: pos,
+        to: pos + $pos.nodeAfter.nodeSize
+    };
+    if ($pos.nodeAfter?.isText && $pos.nodeBefore?.type.name === 'mention') return {
+        from: pos,
+        to: pos + 1
+    };
+    return null;
+}
+function createMentionExtension(options) {
+    return extension_mention.configure({
+        HTMLAttributes: {
+            class: 'mention-node'
+        },
+        suggestion: {
+            char: '@',
+            pluginKey: MENTION_PLUGIN_KEY,
+            items: ()=>[],
+            render: ()=>({
+                    onStart: (props)=>{
+                        const rect = props.clientRect?.();
+                        if (rect && options.onMentionTrigger) options.onMentionTrigger({
+                            query: props.query,
+                            position: {
+                                x: rect.left,
+                                y: rect.bottom
+                            },
+                            command: props.command
+                        });
+                    },
+                    onUpdate: (props)=>{
+                        const rect = props.clientRect?.();
+                        if (rect && options.onMentionTrigger) options.onMentionTrigger({
+                            query: props.query,
+                            position: {
+                                x: rect.left,
+                                y: rect.bottom
+                            },
+                            command: props.command
+                        });
+                    },
+                    onKeyDown: ()=>false,
+                    onExit: ()=>{
+                        options.onMentionDismiss?.();
+                    }
+                })
+        }
+    }).extend({
+        atom: true,
+        selectable: false,
+        renderHTML ({ node, HTMLAttributes: htmlAttributes }) {
+            return [
+                'span',
+                mergeAttributes({
+                    'data-type': 'mention'
+                }, htmlAttributes),
+                `@${node.attrs.label ?? ''}`
+            ];
+        },
+        addAttributes () {
+            return {
+                id: {
+                    default: null,
+                    parseHTML: (element)=>element.getAttribute('data-id'),
+                    renderHTML: (attributes)=>attributes.id ? {
+                            'data-id': attributes.id
+                        } : {}
+                },
+                label: {
+                    default: null,
+                    parseHTML: (element)=>element.getAttribute('data-label'),
+                    renderHTML: (attributes)=>attributes.label ? {
+                            'data-label': attributes.label
+                        } : {}
+                },
+                data: {
+                    default: null,
+                    parseHTML: (element)=>element.getAttribute('data-data'),
+                    renderHTML: (attributes)=>attributes.data ? {
+                            'data-data': attributes.data
+                        } : {}
+                }
+            };
+        },
+        addNodeView () {
+            return ReactNodeViewRenderer(MentionNodeView.bind(null, options.mentionRenderer), {
+                as: 'span',
+                className: 'mention-node-wrapper'
+            });
+        },
+        addProseMirrorPlugins () {
+            const getParentPlugins = this.parent;
+            const parentPlugins = getParentPlugins?.() ?? [];
+            return [
+                ...parentPlugins,
+                new Plugin({
+                    key: MENTION_KEYDOWN_KEY,
+                    props: {
+                        handleKeyDown: (view, event)=>{
+                            const { state } = view;
+                            const { selection } = state;
+                            if (!selection.empty || selection instanceof NodeSelection) return false;
+                            const { pos } = selection.$from;
+                            if ('Backspace' === event.key) {
+                                const range = getBackspaceRange(state, pos);
+                                if (range) {
+                                    view.dispatch(state.tr.delete(range.from, range.to));
+                                    return true;
+                                }
+                            }
+                            if ('Delete' === event.key) {
+                                const range = getDeleteRange(state, pos);
+                                if (range) {
+                                    view.dispatch(state.tr.delete(range.from, range.to));
+                                    return true;
+                                }
+                            }
+                            return false;
+                        }
+                    }
+                })
+            ];
+        }
+    });
+}
+function extractMentions(editor) {
+    const mentions = [];
+    const json = editor.getJSON();
+    function traverse(node) {
+        if ('mention' === node.type && node.attrs) {
+            const attrs = node.attrs;
+            const extra = 'string' == typeof attrs.data ? safeJsonParse(attrs.data, {}) : {};
+            mentions.push({
+                id: attrs.id,
+                label: attrs.label,
+                ...extra
+            });
+        }
+        if (Array.isArray(node.content)) node.content.forEach(traverse);
+    }
+    if (json.content) json.content.forEach((node)=>traverse(node));
+    return mentions;
+}
+const rich_text_editor_index_module = {
+    editor: "editor-uWaaem",
+    disabled: "disabled-OrSmN6",
+    "editor-content": "editor-content-T5fMRg",
+    editorContent: "editor-content-T5fMRg"
+};
+function isExceedMaxLength(docLength, inputLength, maxLen) {
+    if (null == maxLen) return false;
+    return docLength + inputLength > maxLen;
+}
+function useEditorActions(editor) {
+    const insertMention = useCallback((item)=>{
+        if (!editor) return;
+        const { id, label, ...rest } = item;
+        const data = Object.keys(rest).length > 0 ? JSON.stringify(rest) : null;
+        editor.chain().focus().insertContent({
+            type: 'mention',
+            attrs: {
+                id,
+                label,
+                data
+            }
+        }).insertContent(' ').run();
+    }, [
+        editor
+    ]);
+    const getText = useCallback(()=>{
+        if (!editor) return '';
+        return editor.getText().replace(/\n$/, '');
+    }, [
+        editor
+    ]);
+    const getMentions = useCallback(()=>{
+        if (!editor) return [];
+        return extractMentions(editor);
+    }, [
+        editor
+    ]);
+    const focus = useCallback(()=>{
+        editor?.commands.focus();
+    }, [
+        editor
+    ]);
+    const setValue = useCallback((text)=>{
+        if (!editor) return;
+        editor.commands.setContent(text ? `<p>${text}</p>` : '');
+    }, [
+        editor
+    ]);
+    return {
+        insertMention,
+        getText,
+        getMentions,
+        focus,
+        setValue
+    };
+}
+const editor_RichTextEditor = /*#__PURE__*/ forwardRef(function(props, ref) {
+    const { value, placeholder, disabled, maxLength, maxHeight, onTextChange, onMentionsChange, onMentionTrigger, onMentionDismiss, onKeyDown, mentionRenderer, className, contentClassName, contentStyle } = props;
+    const onTextChangeRef = useLatest(onTextChange);
+    const onMentionsChangeRef = useLatest(onMentionsChange);
+    const onKeyDownRef = useLatest(onKeyDown);
+    const onMentionTriggerRef = useLatest(onMentionTrigger);
+    const onMentionDismissRef = useLatest(onMentionDismiss);
+    const maxLengthRef = useLatest(maxLength);
+    const mentionExtension = useMemo(()=>mentionRenderer ? createMentionExtension({
+            mentionRenderer,
+            onMentionTrigger: (...args)=>onMentionTriggerRef.current?.(...args),
+            onMentionDismiss: ()=>onMentionDismissRef.current?.()
+        }) : null, [
+        mentionRenderer
+    ]);
+    const editor = useEditor({
+        extensions: [
+            extension_document,
+            extension_paragraph,
+            extension_text,
+            extension_hard_break,
+            extension_history,
+            extension_placeholder.configure({
+                placeholder
+            }),
+            ...mentionExtension ? [
+                mentionExtension
+            ] : []
+        ],
+        content: value ? `<p>${value}</p>` : '',
+        editable: !disabled,
+        editorProps: {
+            handleKeyDown: (_view, event)=>{
+                if (onKeyDownRef.current?.(event) === true) return true;
+                return false;
+            },
+            handleTextInput: (view, _from, _to)=>{
+                const currentLength = view.state.doc.textContent.length;
+                return isExceedMaxLength(currentLength, 1, maxLengthRef.current);
+            },
+            handlePaste: (view, _event, slice)=>{
+                const currentLength = view.state.doc.textContent.length;
+                const pasteLength = slice.content.textBetween(0, slice.content.size).length;
+                return isExceedMaxLength(currentLength, pasteLength, maxLengthRef.current);
+            }
+        },
+        onUpdate: ({ editor: e })=>{
+            const text = e.getText().replace(/\n$/, '');
+            onTextChangeRef.current?.(text);
+            const mentions = extractMentions(e);
+            onMentionsChangeRef.current?.(mentions);
+        }
+    });
+    useEffect(()=>{
+        if (editor) editor.setEditable(!disabled);
+    }, [
+        editor,
+        disabled
+    ]);
+    const { insertMention, getText, getMentions, focus, setValue } = useEditorActions(editor);
+    useImperativeHandle(ref, ()=>({
+            insertMention,
+            getText,
+            getMentions,
+            focus,
+            setValue
+        }));
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames(rich_text_editor_index_module.editor, className, {
+            [rich_text_editor_index_module.disabled]: disabled
+        }),
+        style: maxHeight ? {
+            maxHeight
+        } : void 0,
+        children: /*#__PURE__*/ jsx("div", {
+            className: classnames(rich_text_editor_index_module["editor-content"], contentClassName),
+            style: contentStyle,
+            children: /*#__PURE__*/ jsx(EditorContent, {
+                editor: editor
+            })
+        })
+    });
+});
+const AccessibleOptionLabel = /*#__PURE__*/ forwardRef(({ children, ...restProps }, ref)=>/*#__PURE__*/ jsx("div", {
+        role: "option",
+        tabIndex: -1,
+        ...restProps,
+        ref: ref,
+        children: children
+    }));
+function banner_Banner(props) {
+    const { content, buttonText, onButtonClick, className } = props;
+    return /*#__PURE__*/ jsxs("div", {
+        className: `flex items-center justify-between w-full bg-[var(--coz-mg-hglt-secondary)] p-3 coz-fg-primary text-[14px] ${className || ''}`,
+        children: [
+            /*#__PURE__*/ jsx(Typography.Text, {
+                children: content
+            }),
+            buttonText ? /*#__PURE__*/ jsx(Button, {
+                color: "primary",
+                size: "mini",
+                className: "!text-brand !font-medium",
+                onClick: onButtonClick,
+                children: buttonText
+            }) : null
+        ]
+    });
+}
 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, FoxIcon, 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 };
+export { AccessibleOptionLabel, 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, FoxIcon, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputNumberBigInt, 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, banner_Banner as Banner, base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, dealColumnsWithStorage, editor_RichTextEditor as RichTextEditor, 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/lib/accessible-option-label/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * AI-E2E 友好的选项标签
+ *
+ * 除了预设 role + tabIndex，其余表现完全与普通 div 相同
+ *
+ * 背景：
+ * AI-E2E 主要依赖 a11y tree，部分工具对于 a11y tree 的裁剪策略较为激进，导致错误裁剪 Select 组件的 option label。
+ * 需要设置 option + tabIndex 避免裁剪。
+ * 完整上下文见 https://bytedance.larkoffice.com/wiki/HpypwSo6limuhMkWCZFcNpR2nod
+ *
+ */
+export declare const AccessibleOptionLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface BannerProps {
+    content: ReactNode;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    className?: string;
+}
+export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;