@cozeloop/components 0.0.1 → 0.0.3

package/dist/es/static/svg/select.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" aria-hidden="true"><path d="M6.45127 8.34152L11.2475 1.86011C11.6459 1.40478 12.3542 1.40478 12.7527 1.86011L17.5489 8.34152C18.1147 8.9881 17.6555 10 16.7963 10H7.20385C6.34469 10 5.88551 8.9881 6.45127 8.34152Z" fill="currentColor"></path><path d="M17.5489 15.6585L12.7527 22.1399C12.3542 22.5952 11.6459 22.5952 11.2475 22.1399L6.45127 15.6585C5.88551 15.0119 6.34469 14 7.20385 14H16.7963C17.6555 14 18.1147 15.0119 17.5489 15.6585Z" fill="currentColor"></path></svg>

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-search-form-select.js","sourceRoot":"","sources":["../../../src/base-search-select/base-search-form-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,MAAM,oBAAoB,GAA8B,SAAS,CAC/D,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAC5D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/{base-search-select → lib/base-search-select}/base-search-select.js

@@ -16,7 +16,7 @@ import styles from './index.module.less';
  */
 // eslint-disable-next-line @coze-arch/max-line-per-function
 const BaseSearchSelect = (props) => {
-    const { optionList: _optionList, loadOptionByIds, value, defaultValue, onSearch, renderSelectedItem, onChangeWithObject, onDropdownVisibleChange, showRefreshBtn, onClickRefresh, } = props;
+    const { optionList: _optionList, loadOptionByIds, value, defaultValue, onSearch, renderSelectedItem, onChangeWithObject, onDropdownVisibleChange, showRefreshBtn, onClickRefresh, disabledCacheOptions, } = props;
     // 是否在搜索中
     const [searchWord, setSearchWord] = useState('');
     const [refreshFlag, setRefreshFlag] = useState([]);
@@ -77,7 +77,7 @@ const BaseSearchSelect = (props) => {
      */
     const cacheOptions = useMemo(() => {
         // searchWord 表示处于搜索中, 不应该展示不在选项列表中的选项
-        if (!value || searchWord) {
+        if (!value || searchWord || disabledCacheOptions) {
             return optionList;
         }
         const optionsNotInList = getOptionsNotInList({
@@ -92,7 +92,9 @@ const BaseSearchSelect = (props) => {
         // value 不在选项列表, 则对value进行处理, 前面已经处理为arr了
         // 所以这里可以直接按arr 处理 返回缓存中的选项
         const optionsInCache = optionsNotInList.map(k => optionMapRef.current[k]);
-        return [...optionsInCache, ...optionList];
+        // 有可能存在远端数据被删除，id无法拉去到的情况
+        const newOptions = [...optionsInCache, ...optionList].filter(Boolean);
+        return newOptions;
     }, [optionList, value, searchWord, refreshFlag]);
     /**
      * 选中项渲染, 如果list中没有, 从缓存中拿当前的选种值

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/{base-search-select → lib/base-search-select}/index.d.ts

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

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,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -1,8 +1,11 @@
 import { type OptionProps, type SelectProps } from '@coze-arch/coze-design';
+export type LoadOptionByIds = (ids: string[] | number[]) => Promise<(OptionProps & {
+    [key: string]: any;
+})[]>;
 export interface BaseSelectProps extends SelectProps {
-    loadOptionByIds?: (ids?: string | number | any[] | Record<string, any> | undefined) => Promise<(OptionProps & {
-        [key: string]: any;
-    })[]>;
+    /** 是否禁用缓存选项 */
+    disabledCacheOptions?: boolean;
+    loadOptionByIds?: LoadOptionByIds;
     /** 是否显示刷新按钮 */
     showRefreshBtn?: boolean;
     /** 点击刷新按钮的回调 */

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

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

package/dist/{base-search-select → lib/base-search-select}/utils.d.ts

@@ -1,4 +1,4 @@
-export declare const transformValueToArray: (value: any, onChangeWithObject?: boolean) => any[];
+export declare const transformValueToArray: (value: any, onChangeWithObject?: boolean) => string[] | number[];
 export declare const filterValueNotInOptionList: (value: any, optionSet: Set<string | number | undefined>, onChangeWithObject?: boolean) => Int64[];
 export declare const getOptionsNotInList: ({ value, optionList, onChangeWithObject, }: {
     value: any;

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.d.ts

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

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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CardPaneProps extends React.HTMLAttributes<HTMLDivElement> {
+    hoverShadow?: boolean;
+}
+export declare function CardPane({ hoverShadow, className, ...props }: CardPaneProps): import("react/jsx-runtime").JSX.Element;

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.d.ts

@@ -0,0 +1,2 @@
+import { type SelectProps } from '@coze-arch/coze-design';
+export declare const ChipSelect: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;

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/{code-editor → lib/code-editor}/index.js

@@ -1,3 +1,4 @@
+/// <reference path="../types.d.ts" />
 export { default as CodeEditor, DiffEditor } from '@monaco-editor/react';
 import { loader } from '@monaco-editor/react';
 loader.config({

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-editor/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,CAAC;IACZ,KAAK,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE;CAC5B,CAAC,CAAC"}

package/dist/lib/code-usage/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare enum SupportedLang {
+    Golang = "go",
+    Js = "javascript",
+    Python = "python"
+}
+interface UsageItemProps {
+    title?: React.ReactNode;
+    content?: string;
+    lang?: SupportedLang;
+    contentHeight?: number;
+}
+export declare const UsageItem: ({ title, content, lang, contentHeight, }: UsageItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/code-usage/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCozCopy } from '@coze-arch/coze-design/icons';
+import { handleCopy } from '../utils/basic';
+import { CodeEditor } from '../code-editor';
+import styles from './code-item.module.less';
+export var SupportedLang;
+(function (SupportedLang) {
+    SupportedLang["Golang"] = "go";
+    SupportedLang["Js"] = "javascript";
+    SupportedLang["Python"] = "python";
+})(SupportedLang || (SupportedLang = {}));
+const UsageContent = ({ content, copyable, lang = SupportedLang.Js, height = 300, }) => (_jsxs("div", { className: "bg-[var(--semi-color-fill-0)] p-[16px] rounded-[8px] text-[14px] flex", children: [_jsx("div", { className: "flex-1 whitespace-pre-wrap break-all", children: _jsx(CodeEditor, { width: '100%', height: height, language: lang, value: content, theme: 'code-block-grey', options: {
+                    minimap: { enabled: false },
+                    wordWrap: 'on',
+                    scrollBeyondLastLine: false,
+                    unicodeHighlight: { ambiguousCharacters: false },
+                    lineNumbers: 'on',
+                    formatOnPaste: true,
+                    readOnly: true,
+                }, beforeMount: monaco => {
+                    monaco.editor.defineTheme('code-block-grey', {
+                        base: 'vs',
+                        inherit: true,
+                        rules: [],
+                        colors: {
+                            'editor.background': '#F4F4F4', // Set the background color of the editor
+                        },
+                    });
+                } }) }), _jsx("div", { className: "ml-[8px]", children: copyable ? (_jsx(IconCozCopy, { className: "ml-[4px] text-[var(--coz-fg-dim)] cursor-pointer hover:coz-fg-primary", onClick: () => handleCopy(content || '') })) : null })] }));
+export const UsageItem = ({ title, content, lang, contentHeight, }) => (_jsxs("div", { className: styles['usage-detail'], children: [_jsx("div", { className: "text-[#16px] font-[500] mb-4", children: title }), content ? (_jsx(UsageContent, { content: content, copyable: true, lang: lang, height: contentHeight })) : null] }));
+//# sourceMappingURL=index.js.map

package/dist/lib/code-usage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-usage/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,kCAAiB,CAAA;IACjB,kCAAiB,CAAA;AACnB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AASD,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,aAAa,CAAC,EAAE,EACvB,MAAM,GAAG,GAAG,GACM,EAAE,EAAE,CAAC,CACvB,eAAK,SAAS,EAAC,uEAAuE,aACpF,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE;oBACP,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;oBAC3B,QAAQ,EAAE,IAAI;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,gBAAgB,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;oBAChD,WAAW,EAAE,IAAI;oBACjB,aAAa,EAAE,IAAI;oBACnB,QAAQ,EAAE,IAAI;iBACf,EACD,WAAW,EAAE,MAAM,CAAC,EAAE;oBACpB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,iBAAiB,EAAE;wBAC3C,IAAI,EAAE,IAAI;wBACV,OAAO,EAAE,IAAI;wBACb,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE;4BACN,mBAAmB,EAAE,SAAS,EAAE,yCAAyC;yBAC1E;qBACF,CAAC,CAAC;gBACL,CAAC,GACD,GACE,EACN,cAAK,SAAS,EAAC,UAAU,YACtB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,WAAW,IACV,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,GACxC,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,CACP,CAAC;AASF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,GACE,EAAE,EAAE,CAAC,CACpB,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,aACpC,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAO,EAC1D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC"}

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

@@ -0,0 +1,2 @@
+import { type ComponentType } from 'react';
+export declare const CodeMirrorCodeEditor: ComponentType<any>;

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

@@ -0,0 +1,108 @@
+import { createRenderer, option } from '@coze-editor/editor/react';
+import preset, { languages, themes } from '@coze-editor/editor/preset-code';
+import { shell } from '@coze-editor/editor/language-shell';
+import { json } from '@coze-editor/editor/language-json';
+import { mixLanguages } from '@coze-editor/editor';
+import { EditorView } from '@codemirror/view';
+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);
+// 注册主题
+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',
+    },
+});
+function createStyleOptions() {
+    return [
+        option('minHeight', minHeightOption),
+        option('maxHeight', maxHeightOption),
+        option('editerHeight', heightOption),
+        option('borderRadius', borderRadiusOption),
+        option('padding', paddingOption),
+        option('lineHeight', lineHeightOption),
+    ];
+}
+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.d.ts

@@ -0,0 +1,4 @@
+export { CodeMirrorCodeEditor } from './code-editor';
+export { CodeMirrorTextEditor } from './text-editor';
+export { CodeMirrorJsonEditor } from './json-editor';
+export { CodeMirrorRawTextEditor } from './raw-text-editor';

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

@@ -0,0 +1,5 @@
+export { CodeMirrorCodeEditor } from './code-editor';
+export { CodeMirrorTextEditor } from './text-editor';
+export { CodeMirrorJsonEditor } from './json-editor';
+export { CodeMirrorRawTextEditor } from './raw-text-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,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"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+interface BaseJsonEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    dataTestID?: string;
+    placeholder?: string | HTMLElement;
+    isDarkTheme?: boolean;
+    readonly?: boolean;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    editerHeight?: string | number;
+    padding?: string | number;
+    borderRadius?: string | number;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const CodeMirrorJsonEditor: React.ForwardRefExoticComponent<BaseJsonEditorProps & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable security/detect-non-literal-regexp */
+import React, { useCallback, useEffect, useRef, useImperativeHandle, } from 'react';
+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, editerHeight, padding, borderRadius, onFocus, onBlur, } = props;
+    const apiRef = useRef(null);
+    const handleChange = useCallback((e) => {
+        if (typeof onChange === 'function') {
+            onChange(e.value);
+        }
+    }, [onChange]);
+    useEffect(() => {
+        apiRef.current?.updateASTDecorations();
+    }, [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,
+                    editerHeight,
+                    borderRadius,
+                    padding,
+                    fontSize: 13,
+                    lineHeight: 20,
+                }, 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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"}

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

@@ -0,0 +1,11 @@
+interface CodeMirrorRawTextEditorProps {
+    value: string;
+    onChange?: (value?: string) => void;
+    className?: string;
+    readonly?: boolean;
+    dataTestID?: string;
+    placeholder?: string | HTMLElement;
+    minHeight?: string | number;
+}
+export declare const CodeMirrorRawTextEditor: import("react").ForwardRefExoticComponent<CodeMirrorRawTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/codemirror-editor/raw-text-editor.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useRef } from 'react';
+import { EditorProvider } from '@coze-editor/editor/react';
+import { CodeMirrorTextEditor } from './text-editor';
+export const CodeMirrorRawTextEditor = forwardRef((props, ref) => {
+    const { value, onChange, placeholder, className, minHeight, readonly } = props;
+    const apiRef = useRef(null);
+    const handleChange = useCallback((e) => {
+        if (typeof onChange === 'function') {
+            onChange(e.value);
+        }
+    }, [onChange]);
+    // 值受控;
+    useEffect(() => {
+        const editor = apiRef.current;
+        if (!editor) {
+            return;
+        }
+        if (typeof value === 'string' && value !== editor.getValue()) {
+            editor.setValue(value);
+        }
+    }, [value]);
+    return (_jsx(EditorProvider, { children: _jsx("div", { ref: ref, className: className, children: _jsx(CodeMirrorTextEditor, { defaultValue: value ?? '', onChange: handleChange, options: {
+                    placeholder,
+                    lineWrapping: true,
+                    minHeight,
+                    fontSize: 13,
+                    editable: !readonly,
+                    lineHeight: 20,
+                }, didMount: api => (apiRef.current = api) }) }) }));
+});
+//# sourceMappingURL=raw-text-editor.js.map

package/dist/lib/codemirror-editor/raw-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"raw-text-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/raw-text-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAYrD,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GACpE,KAAK,CAAC;IAER,MAAM,MAAM,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAoB,EAAE,EAAE;QACvB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO;IACP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC7D,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,cAAc,cACb,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,YACjC,KAAC,oBAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,EAAE,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE;oBACP,WAAW;oBACX,YAAY,EAAE,IAAI;oBAClB,SAAS;oBACT,QAAQ,EAAE,EAAE;oBACZ,QAAQ,EAAE,CAAC,QAAQ;oBACnB,UAAU,EAAE,EAAE;iBACf,EACD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,GACvC,GACE,GACS,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import { type ComponentType } from 'react';
+export declare const CodeMirrorTextEditor: ComponentType<any>;

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

@@ -0,0 +1,44 @@
+import { createRenderer, option } from '@coze-editor/editor/react';
+import universal from '@coze-editor/editor/preset-universal';
+import { mixLanguages } from '@coze-editor/editor';
+import { keymap, EditorView } from '@codemirror/view';
+import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
+const RawEditorTheme = EditorView.theme({
+    '&.cm-editor': {
+        outline: 'none',
+    },
+    '&.cm-content': {
+        wordBreak: 'break-all',
+    },
+});
+const minHeightOption = (value) => EditorView.theme({
+    '.cm-content, .cm-gutter, .cm-right-gutter': {
+        minHeight: 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 extensions = [
+    mixLanguages({}),
+    RawEditorTheme,
+    // ...其他 extensions
+    history(),
+    keymap.of([...defaultKeymap, ...historyKeymap]),
+];
+export const CodeMirrorTextEditor = createRenderer([
+    ...universal,
+    option('minHeight', minHeightOption),
+    option('lineHeight', lineHeightOption),
+], extensions);
+//# sourceMappingURL=text-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/text-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC;IACtC,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;KAChB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,WAAW;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE,CAClD,UAAU,CAAC,KAAK,CAAC;IACf,2CAA2C,EAAE;QAC3C,SAAS,EACP,OAAO,KAAK,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,KAAK,IAAI;YACd,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;gBACzB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO;KAChB;CACF,CAAC,CAAC;AAEL,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE,CACnD,UAAU,CAAC,KAAK,CAAC;IACf,2CAA2C,EAAE;QAC3C,UAAU,EACR,OAAO,KAAK,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,KAAK,IAAI;YACd,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;gBACzB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO;KAChB;CACF,CAAC,CAAC;AAEL,MAAM,UAAU,GAAG;IACjB,YAAY,CAAC,EAAE,CAAC;IAChB,cAAc;IACd,mBAAmB;IACnB,OAAO,EAAE;IACT,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,aAAa,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAuB,cAAc,CACpE;IACE,GAAG,SAAS;IACZ,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC;CACvC,EACD,UAAU,CACX,CAAC"}

package/dist/lib/codemirror-editor/themes/coze-dark.d.ts

@@ -0,0 +1 @@
+export declare const cozeDark: import("@codemirror/state").Extension[];