@agentscope-ai/design 1.0.4

package/dist/components/commonComponents/SlateEditor/index.style.d.ts

@@ -0,0 +1,28 @@
+export declare function getIndexStyleData(): {
+    '.text-editor': {
+        position: string;
+        display: string;
+        flexDirection: string;
+        height: string;
+        width: string;
+        borderRadius: string;
+        '&-content': {
+            flex: number;
+            overflowY: string;
+            overflowX: string;
+        };
+        '.text-editor-content': {
+            display: string;
+            flexDirection: string;
+            gap: number;
+            'div[data-slate-node="element"]': {
+                margin: string;
+            };
+        };
+    };
+    '.text-editor-user-select-none': {
+        userSelect: string;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

package/dist/components/commonComponents/SlateEditor/index.style.js

@@ -0,0 +1,36 @@
+import createStyle from "../../../libs/createStyle";
+export function getIndexStyleData() {
+  return {
+    '.text-editor': {
+      position: 'relative',
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      width: '100%',
+      borderRadius: '5px',
+      '&-content': {
+        flex: 1,
+        overflowY: 'auto',
+        overflowX: 'hidden'
+      },
+      '.text-editor-content': {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 6,
+        'div[data-slate-node="element"]': {
+          margin: '0px !important'
+        }
+      }
+    },
+    // 文本无法选中的样式
+    '.text-editor-user-select-none': {
+      userSelect: 'none'
+    }
+  };
+}
+var useIndexStyle = createStyle(function (_ref) {
+  var css = _ref.css;
+  var result = css(getIndexStyleData());
+  return result;
+});
+export default useIndexStyle;

package/dist/components/commonComponents/SlateEditor/types.d.ts

@@ -0,0 +1,56 @@
+import { FunctionComponent } from 'react';
+import { BaseEditor, Descendant, Point, Range } from 'slate';
+import { HistoryEditor } from 'slate-history';
+import { ReactEditor, RenderElementProps } from 'slate-react';
+export type DefaultElement = {
+    type: 's';
+    children: Descendant[];
+};
+export type CustomEditor = BaseEditor & ReactEditor & HistoryEditor;
+export type CustomElement = Record<string, any> & {
+    type: string;
+    children: Descendant[];
+};
+export type CustomText = {
+    text: string;
+};
+export interface BizRenderElementProps extends RenderElementProps {
+    editor?: CustomEditor;
+    renderVarLabel?: (val: string) => React.ReactNode;
+}
+export interface ILoading {
+    message: string;
+    loading: boolean;
+}
+export interface InsertNodesOptions {
+    /** 插入节点位置 */
+    at?: Point;
+    rules?: Record<string, ITagRule>;
+    deletePrefix?: boolean;
+}
+export interface WrapNodesOptions {
+    /** 包裹节点选区范围 */
+    selection?: Range;
+    /** 未选中内容提示 */
+    tip?: string;
+    rules?: Record<string, ITagRule>;
+}
+export type TagType = 'single' | 'double';
+export type ISerializeFunction = (value: Descendant[], options: {
+    tagRules: Record<string, ITagRule>;
+}) => string;
+export interface ITagRule {
+    code: string;
+    out: string[];
+    inner: string[];
+    name: string;
+    isParagraph?: boolean;
+    render: FunctionComponent | ((eleProps: BizRenderElementProps) => JSX.Element);
+    isInline?: boolean;
+    isVoid?: boolean;
+    type: TagType;
+    serialize?: (node: Descendant, options?: {
+        tagRules: Record<string, ITagRule>;
+    }, serialize?: ISerializeFunction) => string;
+    extOpts?: Record<string, any>;
+}

package/dist/components/commonComponents/SlateEditor/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/commonComponents/SlateEditor/utils/constant.d.ts

@@ -0,0 +1,7 @@
+import { ITagRule } from '../types';
+export declare const transformList: (target: Record<string, Record<string, string>>) => {
+    label: string;
+    desc: string;
+    value: string;
+}[];
+export declare const DEFAULT_TAGS: ITagRule[];

package/dist/components/commonComponents/SlateEditor/utils/constant.js

@@ -0,0 +1,36 @@
+import $i18n from "../../../../i18n";
+import { S, Var } from "../elements";
+export var transformList = function transformList(target) {
+  return Object.keys(target).map(function (key) {
+    return {
+      label: target[key].label,
+      desc: target[key].desc,
+      value: key
+    };
+  });
+};
+export var DEFAULT_TAGS = [{
+  code: 's',
+  isParagraph: true,
+  out: [],
+  inner: [],
+  name: $i18n.get({
+    id: 'components.SlateEditor.utils.constant.Paragraph',
+    dm: '段落'
+  }),
+  render: S,
+  type: 'double'
+}, {
+  code: 'var',
+  isParagraph: false,
+  out: ['s'],
+  inner: [],
+  name: $i18n.get({
+    id: 'components.SlateEditor.utils.constant.Variable',
+    dm: '变量'
+  }),
+  render: Var,
+  isInline: true,
+  isVoid: true,
+  type: 'single'
+}];

package/dist/components/commonComponents/SlateEditor/utils/editor.d.ts

@@ -0,0 +1,68 @@
+import { Editor, Node, Path } from 'slate';
+import { CustomElement, InsertNodesOptions, WrapNodesOptions } from '../types';
+/**
+ * 插入节点
+ * @param editor
+ * @param element
+ * @param options
+ */
+export declare const insertNodes: (editor?: any, element?: any, options?: InsertNodesOptions) => void;
+/**
+ * 包裹节点
+ * @param editor
+ * @param element
+ * @param options
+ * @returns
+ */
+export declare const wrapNodes: (editor?: Editor, element?: CustomElement, options?: WrapNodesOptions) => Promise<void>;
+/**
+ * 拆开节点
+ * @param editor
+ * @param nodes
+ */
+export declare const unwrapNodes: (editor?: Editor | null, path?: Path, cb?: () => void) => void;
+/**
+ * 节点设置新的属性
+ * @param editor
+ * @param nodeProps 新节点属性
+ * @param options 设置的节点路径
+ */
+export declare const setNodes: (editor: Editor, nodeProps: Partial<Node>, options: {
+    at: Path;
+}) => void;
+/**
+ * 替换节点
+ * @param editor
+ * @param node 新节点
+ * @param path 久节点路径
+ */
+export declare const replaceNode: (editor: Editor, node: Node, path: Path) => void;
+/**
+ * 重新设置全文内容，content不传则清空全文
+ * @param editor
+ * @param content
+ */
+export declare const setEditorContent: (editor?: Editor | null, content?: Array<Node>) => void;
+/**
+ * 获取节点字符串内容
+ * @param {Node[]} nodes
+ * @returns {Node[]}
+ */
+export declare const nodeStringify: (nodes?: Node[]) => string;
+/**
+ * 深克隆对象（不涉及克隆undefined、function、symbol等类型属性）
+ * @param {object | array | string | number} obj
+ * @returns {object | array | string | number}
+ */
+export declare const copyObject: <T>(object: T) => T;
+/**
+ * 获取标签对应名称文本
+ * @param {CustomElement} element
+ * @return {string}
+ */
+export declare const getTagNameText: () => string;
+export declare const mapRender: (list: any) => any;
+export declare const renderTime: (time?: number) => string;
+export declare const covertTime: (time: number) => string;
+export declare const findNodePath: (editor?: any, item?: Node) => Path;
+export declare const setCursorRemove: (editor?: any) => void;