@senyao-design-system/editor 0.0.3 → 0.0.5

package/dist/types.d.ts

@@ -0,0 +1,92 @@
+import { Extension } from '../@codemirror/state';
+import { EditorView } from '../@codemirror/view';
+import { CSSProperties } from '../react';
+
+/**
+ * 只读区域定义
+ */
+export interface ReadOnlyRange {
+    /** 起始位置 */
+    start: number;
+    /** 结束位置 */
+    end: number;
+}
+/**
+ * 编辑器变更事件
+ */
+export interface EditorChangeEvent {
+    /** 当前编辑器的值 */
+    value: string;
+    /** 只读区域列表 */
+    readOnlyRanges: ReadOnlyRange[];
+}
+/**
+ * 编辑器引用接口
+ */
+export interface EditorRef {
+    /** 在光标位置插入文本 */
+    insertTextAtCursor: (text: string) => void;
+    /** 定位到指定位置 */
+    goToPosition: (position: number) => void;
+    /** 定位到指定行列 */
+    goToLine: (line: number, column?: number) => void;
+    /** 获取编辑器视图实例 */
+    getEditorView: () => EditorView | undefined;
+}
+/**
+ * 基础编辑器属性
+ */
+export interface EditorProps {
+    /** 编辑器的值 */
+    value?: string;
+    /** 值变更回调 */
+    onChange?: (event: EditorChangeEvent) => void;
+    /** 自定义扩展 */
+    extensions?: Extension[];
+    /** 编辑器高度 */
+    height?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 占位符文本 */
+    placeholder?: string;
+    /** 是否显示行号 */
+    showLineNumbers?: boolean;
+    /** 编辑器视图创建时的回调 */
+    onEditorViewCreated?: (view: EditorView) => void;
+    /** 语言类型（用于通用编辑器） */
+    language?: string;
+    /** 编辑器界面语言 */
+    locale?: 'zh-CN' | 'en-US';
+}
+/**
+ * SQL 编辑器属性
+ */
+export interface SQLEditorProps extends Omit<EditorProps, 'onChange' | 'value'> {
+    /**
+     * 编辑器的值
+     * 可以是字符串或者 EditorChangeEvent 对象（用于 Ant Design Form 兼容性）
+     */
+    value?: string | EditorChangeEvent;
+    /**
+     * 值变更回调
+     * 可以接收 EditorChangeEvent 对象或字符串（用于 Ant Design Form 兼容性）
+     */
+    onChange?: (event: EditorChangeEvent | string) => void;
+    /** 外部提供的只读区域 */
+    readOnlyRanges?: ReadOnlyRange[];
+    /** 是否管理只读区域 */
+    manageReadOnlyRanges?: boolean;
+}
+/**
+ * JSON 编辑器属性
+ */
+export interface JSONEditorProps extends EditorProps {
+    /** 是否启用格式化功能 */
+    enableFormatting?: boolean;
+    /** 是否启用代码折叠功能 */
+    enableCodeFolding?: boolean;
+}

package/package.json

@@ -1,43 +1,45 @@
-{
-  "name": "@senyao-design-system/editor",
-  "version": "0.0.3",
-  "description": "A flexible editor component based on CodeMirror",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "dependencies": {
-    "@codemirror/autocomplete": "^6.11.1",
-    "@codemirror/commands": "^6.3.0",
-    "@codemirror/lang-json": "^6.0.1",
-    "@codemirror/lang-sql": "^6.5.4",
-    "@codemirror/language": "^6.9.3",
-    "@codemirror/lint": "^6.4.2",
-    "@codemirror/state": "^6.4.0",
-    "@codemirror/view": "^6.22.3",
-    "@emotion/react": "^11.11.0",
-    "@lezer/highlight": "^1.2.0"
-  },
-  "devDependencies": {
-    "@emotion/babel-plugin": "^11.11.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.6.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@senyao-design-system/editor",
+  "version": "0.0.5",
+  "description": "A flexible editor component based on CodeMirror",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@codemirror/autocomplete": "^6.11.1",
+    "@codemirror/commands": "^6.3.0",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-sql": "^6.5.4",
+    "@codemirror/language": "^6.9.3",
+    "@codemirror/lint": "^6.4.2",
+    "@codemirror/search": "^6.5.4",
+    "@codemirror/state": "^6.4.0",
+    "@codemirror/view": "^6.22.3",
+    "@emotion/react": "^11.11.0",
+    "@lezer/highlight": "^1.2.0"
+  },
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.11.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/dist/types/index.d.ts

@@ -1,115 +0,0 @@
-import { Extension } from '../../@codemirror/state';
-import { EditorView } from '../../@codemirror/view';
-
-/**
- * 只读区域范围接口
- */
-export interface ReadOnlyRange {
-    /**
-     * 开始位置
-     */
-    start: number;
-    /**
-     * 结束位置
-     */
-    end: number;
-}
-/**
- * 编辑器变更事件数据
- */
-export interface EditorChangeEvent {
-    /**
-     * 编辑器的新值
-     */
-    value: string;
-    /**
-     * 当前的只读区域范围
-     */
-    readOnlyRanges: ReadOnlyRange[];
-}
-/**
- * 基础编辑器属性接口
- */
-export interface BaseEditorProps {
-    /**
-     * 编辑器的值
-     */
-    value: string;
-    /**
-     * 编辑器值变化时的回调函数
-     */
-    onChange?: (event: EditorChangeEvent) => void;
-    /**
-     * 编辑器高度，默认 '300px'
-     */
-    height?: string | number;
-    /**
-     * 是否禁用编辑器
-     */
-    disabled?: boolean;
-    /**
-     * 编辑器样式类名
-     */
-    className?: string;
-    /**
-     * 编辑器内联样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 占位文本
-     */
-    placeholder?: string;
-    /**
-     * 是否显示行号，默认为 true
-     */
-    showLineNumbers?: boolean;
-    /**
-     * 编辑器视图创建后的回调
-     */
-    onEditorViewCreated?: (view: EditorView) => void;
-}
-/**
- * 通用编辑器属性接口
- */
-export interface EditorProps extends BaseEditorProps {
-    /**
-     * 编辑器扩展
-     */
-    extensions?: Extension[];
-    /**
-     * 编辑器语言
-     */
-    language?: string;
-}
-/**
- * SQL 编辑器属性接口
- */
-export interface SQLEditorProps extends BaseEditorProps {
-    /**
-     * SQL 编辑器扩展
-     */
-    extensions?: Extension[];
-    /**
-     * 不可编辑区域范围
-     */
-    readOnlyRanges?: ReadOnlyRange[];
-    /**
-     * 是否内部管理只读区域（默认为true）
-     */
-    manageReadOnlyRanges?: boolean;
-}
-/**
- * JSON 编辑器属性接口
- */
-export interface JSONEditorProps extends BaseEditorProps {
-    /**
-     * JSON 编辑器扩展
-     */
-    extensions?: Extension[];
-    /**
-     * 是否启用JSON格式化功能
-     * 当为true时，初始加载和按下Alt+F (Mac上为Cmd+Alt+F) 时会自动格式化
-     */
-    enableFormatting?: boolean;
-}
-export type { Extension, EditorView };