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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/lib/basic-card/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const BasicCard = ({ title, children, className }) => (_jsxs("div", { className: classNames('border border-solid coz-stroke-plus rounded-[6px] overflow-hidden', className), children: [_jsx("div", { className: "text-sm font-medium px-4 h-[44px] flex items-center coze-fg-primary bg-[#F7F7FC]", children: title }), children ? _jsx("div", { className: "p-4 bg-white", children: children }) : null] }));
+//# sourceMappingURL=index.js.map

package/dist/lib/basic-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/basic-card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAa,EAAE,EAAE,CAAC,CACtE,eACE,SAAS,EAAE,UAAU,CACnB,mEAAmE,EACnE,SAAS,CACV,aAED,cAAK,SAAS,EAAC,kFAAkF,YAC9F,KAAK,GACF,EACL,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,CACP,CAAC"}

package/dist/lib/card-pane/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import styles from './index.module.less';
+export function CardPane({ hoverShadow, className, ...props }) {
+    return (_jsx("div", { className: classNames(styles.container, {
+            [styles.shadow]: hoverShadow,
+        }, className), ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/card-pane/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card-pane/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,UAAU,QAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;SAC7B,EACD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/chip-select/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cls from 'classnames';
+import { Select } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export const ChipSelect = (props) => (_jsx(Select, { ...props, className: cls(styles.select, props.className) }));
+//# sourceMappingURL=index.js.map

package/dist/lib/chip-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chip-select/index.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAElE,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAChD,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CACtE,CAAC"}

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

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

package/dist/lib/codemirror-editor/code-editor.js

@@ -0,0 +1,135 @@
+import { createRenderer, option } from '@coze-editor/editor/react';
+import preset, { languages, themes } from '@coze-editor/editor/preset-code';
+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 { mixLanguages } from '@coze-editor/editor';
+import { EditorView } from '@codemirror/view';
+import { markdownLanguage } from '@codemirror/lang-markdown';
+import { goLanguage } from '@codemirror/lang-go';
+import { cozeLight } from './themes/coze-light';
+import { cozeDark } from './themes/coze-dark';
+// 注册语言
+languages.register('json', {
+    // mixLanguages 用于解决 「插值也使用了括号，导致无法正确高亮」的问题
+    language: mixLanguages({
+        outerLanguage: json.language,
+    }),
+    languageService: json.languageService,
+});
+languages.register('shell', shell);
+languages.register('python', python);
+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({
+    '.cm-content, .cm-gutter, .cm-right-gutter': {
+        minHeight: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+    '&.cm-editor': {
+        minHeight: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+});
+const maxHeightOption = (value) => EditorView.theme({
+    '&.cm-editor': {
+        maxHeight: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+});
+const heightOption = (value) => EditorView.theme({
+    '&.cm-editor': {
+        height: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+});
+const paddingOption = (value) => EditorView.theme({
+    '&.cm-editor': {
+        padding: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+});
+const borderRadiusOption = (value) => EditorView.theme({
+    '&.cm-editor, .cm-gutters': {
+        borderRadius: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? value
+                : 'unset',
+    },
+});
+const lineHeightOption = (value) => EditorView.theme({
+    '.cm-content, .cm-gutter, .cm-right-gutter': {
+        lineHeight: typeof value === 'number'
+            ? `${value}px`
+            : typeof value === 'string'
+                ? 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 [
+        option('minHeight', minHeightOption),
+        option('maxHeight', maxHeightOption),
+        option('editorHeight', heightOption),
+        option('borderRadius', borderRadiusOption),
+        option('padding', paddingOption),
+        option('lineHeight', lineHeightOption),
+        option('backgroundColor', backgroundColorOption),
+    ];
+}
+const builtinExtensions = [
+    EditorView.theme({
+        '&.cm-focused': {
+            outline: 'none',
+        },
+        '& *': {
+            fontFamily: 'Menlo, Monaco, "Courier New", monospace',
+        },
+    }),
+    EditorView.theme({
+        '&.cm-content': {
+            wordBreak: 'break-all',
+        },
+    }),
+];
+export const CodeMirrorCodeEditor = createRenderer([...preset, ...createStyleOptions()], builtinExtensions);
+//# sourceMappingURL=code-editor.js.map

package/dist/lib/codemirror-editor/code-editor.js.map

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

package/dist/lib/codemirror-editor/index.js

@@ -0,0 +1,7 @@
+export { EditorProvider } from '@coze-editor/editor/react';
+export { CodeMirrorCodeEditor } from './code-editor';
+export { CodeMirrorTextEditor } from './text-editor';
+export { CodeMirrorJsonEditor } from './json-editor';
+export { CodeMirrorRawTextEditor } from './raw-text-editor';
+export { CodeMirrorRawCodeEditor } from './raw-code-editor';
+//# sourceMappingURL=index.js.map

package/dist/lib/codemirror-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/codemirror-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/lib/codemirror-editor/json-editor.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable security/detect-non-literal-regexp */
+import React, { useCallback, useEffect, useRef, useImperativeHandle, } from 'react';
+import { useDebounceFn } from 'ahooks';
+import { EditorProvider } from '@coze-editor/editor/react';
+import { transformerCreator, } from '@coze-editor/editor/preset-code';
+import { json } from '@coze-editor/editor/language-json';
+import { EditorView } from '@codemirror/view';
+import { CodeMirrorCodeEditor } from './code-editor';
+const extensions = [
+    EditorView.theme({
+        '.cm-activeLineGutter': {
+            backgroundColor: 'transparent !important',
+        },
+        '.cm-activeLine': {
+            backgroundColor: 'transparent !important',
+        },
+    }),
+];
+function findAllMatches(inputString, regex) {
+    const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : `${regex.flags}g`);
+    let match;
+    const matches = [];
+    while (true) {
+        match = globalRegex.exec(inputString);
+        if (!match) {
+            break;
+        }
+        if (match.index === globalRegex.lastIndex) {
+            globalRegex.lastIndex++;
+        }
+        matches.push({
+            match: match[0],
+            range: [match.index, match.index + match[0].length],
+        });
+    }
+    return matches;
+}
+const transformer = transformerCreator(text => {
+    const originalSource = text.toString();
+    const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
+    if (matches.length > 0) {
+        matches.forEach(({ range }) => {
+            text.replaceRange(range[0], range[1], 'null');
+        });
+    }
+    return text;
+});
+export const CodeMirrorJsonEditor = React.forwardRef((props, ref) => {
+    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 (typeof onChange === 'function') {
+            onChange(e.value);
+        }
+    }, [onChange]);
+    const updateAst = useDebounceFn(() => {
+        apiRef.current?.updateASTDecorations();
+    }, {
+        wait: 200,
+    });
+    useEffect(() => {
+        updateAst.run();
+    }, [isDarkTheme]);
+    // 值受控;
+    useEffect(() => {
+        const editor = apiRef.current;
+        if (!editor) {
+            return;
+        }
+        if (typeof value === 'string' && value !== editor.getValue()) {
+            editor.setValue(value);
+        }
+    }, [value]);
+    const formatJson = async () => {
+        const view = apiRef.current?.$view;
+        if (!view) {
+            return;
+        }
+        view.dispatch(await json.languageService.format(view.state, {
+            tabSize: 2,
+        }));
+    };
+    useImperativeHandle(ref, () => ({
+        formatJson,
+    }));
+    return (_jsx(EditorProvider, { children: _jsx("div", { className: className, children: _jsx(CodeMirrorCodeEditor, { defaultValue: value ?? '', onChange: handleChange, options: {
+                    placeholder,
+                    lineWrapping: true,
+                    theme: isDarkTheme ? 'coze-dark' : 'coze-light',
+                    languageId: 'json',
+                    editable: !readonly,
+                    transformer,
+                    minHeight,
+                    maxHeight,
+                    editorHeight,
+                    borderRadius,
+                    padding,
+                    fontSize: 13,
+                    lineHeight: 20,
+                    backgroundColor,
+                }, didMount: api => (apiRef.current = api), extensions: extensions, onFocus: onFocus, onBlur: onBlur }) }) }));
+});
+//# sourceMappingURL=json-editor.js.map

package/dist/lib/codemirror-editor/json-editor.js.map

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