zs_library 0.7.8 → 0.7.9

package/dist/components/md-editor/editor.d.ts

@@ -47,6 +47,7 @@ export interface MdEditorPluginConfig {
 }
 /**
  * Markdown 编辑器
+ * @deprecated 请使用 SimpleEditor 组件代替
  */
 export interface MdEditorProps extends Omit<MDXEditorProps, "markdown" | "onChange"> {
     /**

package/dist/components/md-editor/index.d.ts

@@ -2,6 +2,7 @@ import { PrivMdEditor } from './editor';
 import { default as MDXEditorPreview } from './preview';
 /**
  * Markdown 编辑器
+ * @deprecated 请使用 SimpleEditor 组件代替
  */
 export type MdEditorType = typeof PrivMdEditor & {
     /**

package/dist/components/tiptap-editor/simple/components/tiptap-node/code-block-node/code-block-node-view.d.ts

@@ -0,0 +1,2 @@
+import { NodeViewProps } from '@tiptap/react';
+export declare const CodeBlockNodeView: ({ node, updateAttributes }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tiptap-editor/simple/components/tiptap-node/table-node/table-menu.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+interface TableMenuProps {
+    editor: Editor | null;
+}
+export declare function TableMenu({ editor }: TableMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/tiptap-editor/simple/components/tiptap-node/table-node/table-node-extension.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/core';
+export declare const TableExtensions: (Extension<any, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableRowOptions, any>)[];

package/dist/components/tiptap-editor/simple/components/tiptap-ui/blockquote-button/use-blockquote.d.ts

@@ -76,5 +76,5 @@ export declare function useBlockquote(config?: UseBlockquoteConfig): {
     canToggle: boolean;
     label: string;
     shortcutKeys: string;
-    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    Icon: import('@remixicon/react').RemixiconComponentType;
 };

package/dist/components/tiptap-editor/simple/components/tiptap-ui/code-block-button/use-code-block.d.ts

@@ -83,5 +83,5 @@ export declare function useCodeBlock(config?: UseCodeBlockConfig): {
     canToggle: boolean;
     label: string;
     shortcutKeys: string;
-    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    Icon: import('@remixicon/react').RemixiconComponentType;
 };

package/dist/components/tiptap-editor/simple/components/tiptap-ui/image-upload-button/image-upload-button.d.ts

@@ -2,7 +2,7 @@ import { UseImageUploadConfig } from './use-image-upload';
 import { ButtonProps } from '../../tiptap-ui-primitive/button';
 type IconProps = React.SVGProps<SVGSVGElement>;
 type IconComponent = ({ className, ...props }: IconProps) => React.ReactElement;
-export interface ImageUploadButtonProps extends Omit<ButtonProps, "type">, UseImageUploadConfig {
+export interface ImageUploadButtonProps extends Omit<ButtonProps, "type" | "onError">, UseImageUploadConfig {
     /**
      * Optional text to display alongside the icon.
      */

package/dist/components/tiptap-editor/simple/components/tiptap-ui/table-trigger-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-trigger-button';
+export * from './use-table-trigger-button';

package/dist/components/tiptap-editor/simple/components/tiptap-ui/table-trigger-button/table-trigger-button.d.ts

@@ -0,0 +1,8 @@
+import { Button } from '../../tiptap-ui-primitive/button';
+import { UseTableTriggerButtonConfig } from './use-table-trigger-button';
+export interface TableTriggerButtonProps extends Omit<React.ComponentProps<typeof Button>, "type">, UseTableTriggerButtonConfig {
+    maxRows?: number;
+    maxCols?: number;
+    onInserted?: (rows: number, cols: number) => void;
+}
+export declare const TableTriggerButton: import('react').ForwardRefExoticComponent<Omit<TableTriggerButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-editor/simple/components/tiptap-ui/table-trigger-button/use-table-trigger-button.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from '@tiptap/react';
+export interface UseTableTriggerButtonConfig {
+    editor?: Editor | null;
+    hideWhenUnavailable?: boolean;
+}
+export declare function canInsertTable(editor: Editor | null): boolean;
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+export declare function useTableTriggerButton(config?: UseTableTriggerButtonConfig): {
+    editor: Editor | null;
+    isVisible: boolean;
+    canInsert: boolean;
+    label: string;
+};

package/dist/components/tiptap-editor/simple/components/tiptap-ui/text-color-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text-color-button';
+export * from './use-text-color';

package/dist/components/tiptap-editor/simple/components/tiptap-ui/text-color-button/text-color-button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../../tiptap-ui-primitive/button';
+import { UseTextColorConfig } from './use-text-color';
+export interface TextColorButtonProps extends Omit<ButtonProps, "type">, UseTextColorConfig {
+    text?: string;
+}
+export declare const TextColorButton: import('react').ForwardRefExoticComponent<TextColorButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-editor/simple/components/tiptap-ui/text-color-button/use-text-color.d.ts

@@ -0,0 +1,103 @@
+import { Editor } from '@tiptap/react';
+export declare const TEXT_COLORS: readonly [{
+    readonly label: "gray";
+    readonly value: "var(--tt-color-text-gray)";
+    readonly contrast: "var(--tt-color-text-gray-contrast)";
+}, {
+    readonly label: "brown";
+    readonly value: "var(--tt-color-text-brown)";
+    readonly contrast: "var(--tt-color-text-brown-contrast)";
+}, {
+    readonly label: "orange";
+    readonly value: "var(--tt-color-text-orange)";
+    readonly contrast: "var(--tt-color-text-orange-contrast)";
+}, {
+    readonly label: "yellow";
+    readonly value: "var(--tt-color-text-yellow)";
+    readonly contrast: "var(--tt-color-text-yellow-contrast)";
+}, {
+    readonly label: "green";
+    readonly value: "var(--tt-color-text-green)";
+    readonly contrast: "var(--tt-color-text-green-contrast)";
+}, {
+    readonly label: "blue";
+    readonly value: "var(--tt-color-text-blue)";
+    readonly contrast: "var(--tt-color-text-blue-contrast)";
+}, {
+    readonly label: "purple";
+    readonly value: "var(--tt-color-text-purple)";
+    readonly contrast: "var(--tt-color-text-purple-contrast)";
+}, {
+    readonly label: "pink";
+    readonly value: "var(--tt-color-text-pink)";
+    readonly contrast: "var(--tt-color-text-pink-contrast)";
+}, {
+    readonly label: "red";
+    readonly value: "var(--tt-color-text-red)";
+    readonly contrast: "var(--tt-color-text-red-contrast)";
+}];
+export type TextColor = (typeof TEXT_COLORS)[number];
+export interface UseTextColorConfig {
+    editor?: Editor | null;
+    color?: string;
+    label?: string;
+    hideWhenUnavailable?: boolean;
+    onApplied?: ({ color, label }: {
+        color: string;
+        label: string;
+    }) => void;
+}
+export declare function pickTextColorsByValue(values: string[]): ({
+    readonly label: "gray";
+    readonly value: "var(--tt-color-text-gray)";
+    readonly contrast: "var(--tt-color-text-gray-contrast)";
+} | {
+    readonly label: "brown";
+    readonly value: "var(--tt-color-text-brown)";
+    readonly contrast: "var(--tt-color-text-brown-contrast)";
+} | {
+    readonly label: "orange";
+    readonly value: "var(--tt-color-text-orange)";
+    readonly contrast: "var(--tt-color-text-orange-contrast)";
+} | {
+    readonly label: "yellow";
+    readonly value: "var(--tt-color-text-yellow)";
+    readonly contrast: "var(--tt-color-text-yellow-contrast)";
+} | {
+    readonly label: "green";
+    readonly value: "var(--tt-color-text-green)";
+    readonly contrast: "var(--tt-color-text-green-contrast)";
+} | {
+    readonly label: "blue";
+    readonly value: "var(--tt-color-text-blue)";
+    readonly contrast: "var(--tt-color-text-blue-contrast)";
+} | {
+    readonly label: "purple";
+    readonly value: "var(--tt-color-text-purple)";
+    readonly contrast: "var(--tt-color-text-purple-contrast)";
+} | {
+    readonly label: "pink";
+    readonly value: "var(--tt-color-text-pink)";
+    readonly contrast: "var(--tt-color-text-pink-contrast)";
+} | {
+    readonly label: "red";
+    readonly value: "var(--tt-color-text-red)";
+    readonly contrast: "var(--tt-color-text-red-contrast)";
+})[];
+export declare function canSetTextColor(editor: Editor | null): boolean;
+export declare function isTextColorActive(editor: Editor | null, color?: string): boolean;
+export declare function removeTextColor(editor: Editor | null): boolean;
+export declare function shouldShowTextColorButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+export declare function useTextColor(config: UseTextColorConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    canSetTextColor: boolean;
+    handleSetTextColor: () => boolean;
+    handleRemoveTextColor: () => boolean;
+    label: string;
+    Icon: import('@remixicon/react').RemixiconComponentType;
+    currentColor: string | undefined;
+};

package/dist/components/tiptap-editor/simple/components/tiptap-ui/text-color-popover/index.d.ts

@@ -0,0 +1 @@
+export * from './text-color-popover';

package/dist/components/tiptap-editor/simple/components/tiptap-ui/text-color-popover/text-color-popover.d.ts

@@ -0,0 +1,14 @@
+import { Editor } from '@tiptap/react';
+import { ButtonProps } from '../../tiptap-ui-primitive/button';
+import { TextColor, UseTextColorConfig } from '../text-color-button';
+export interface TextColorPopoverContentProps {
+    editor?: Editor | null;
+    colors?: TextColor[];
+}
+export interface TextColorPopoverProps extends Omit<ButtonProps, "type">, Pick<UseTextColorConfig, "editor" | "hideWhenUnavailable" | "onApplied"> {
+    colors?: TextColor[];
+}
+export declare const TextColorPopoverButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare function TextColorPopoverContent({ editor, colors, }: TextColorPopoverContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextColorPopover({ editor: providedEditor, colors, hideWhenUnavailable, onApplied, ...props }: TextColorPopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export default TextColorPopover;

package/dist/components/tiptap-editor/simple/i18n/en-US.json.d.ts

@@ -18,32 +18,48 @@ declare const _default: {
     },
     "blockquote": "Blockquote",
     "codeBlock": "Code Block",
-    "marks": {
-      "bold": "Bold",
-      "italic": "Italic",
-      "strike": "Strike",
-      "code": "Code",
-      "underline": "Underline",
-      "superscript": "Superscript",
-      "subscript": "Subscript"
-    },
-    "highlight": {
-      "label": "Highlight",
-      "toggle": "Toggle highlight ({{color}})",
-      "remove": "Remove highlight",
-      "colors": {
-        "default": "Default background",
-        "gray": "Gray background",
-        "brown": "Brown background",
-        "orange": "Orange background",
-        "yellow": "Yellow background",
-        "green": "Green background",
-        "blue": "Blue background",
-        "purple": "Purple background",
-        "pink": "Pink background",
-        "red": "Red background"
-      }
-    },
+    "marks": {
+      "bold": "Bold",
+      "italic": "Italic",
+      "strike": "Strike",
+      "code": "Code",
+      "underline": "Underline",
+      "superscript": "Superscript",
+      "subscript": "Subscript"
+    },
+    "textColor": {
+      "label": "Text color",
+      "toggle": "Set text color ({{color}})",
+      "remove": "Clear text color",
+      "colors": {
+        "gray": "Gray text",
+        "brown": "Brown text",
+        "orange": "Orange text",
+        "yellow": "Yellow text",
+        "green": "Green text",
+        "blue": "Blue text",
+        "purple": "Purple text",
+        "pink": "Pink text",
+        "red": "Red text"
+      }
+    },
+    "highlight": {
+      "label": "Highlight",
+      "toggle": "Toggle highlight ({{color}})",
+      "remove": "Remove highlight",
+      "colors": {
+        "default": "Default background",
+        "gray": "Gray background",
+        "brown": "Brown background",
+        "orange": "Orange background",
+        "yellow": "Yellow background",
+        "green": "Green background",
+        "blue": "Blue background",
+        "purple": "Purple background",
+        "pink": "Pink background",
+        "red": "Red background"
+      }
+    },
     "link": {
       "label": "Link",
       "placeholder": "Paste a link...",
@@ -57,13 +73,26 @@ declare const _default: {
       "right": "Align right",
       "justify": "Align justify"
     },
-    "image": {
-      "label": "Add image"
-    },
-    "ai": {
-      "label": "AI Assistant",
-      "placeholder": "Ask AI to write something...",
-      "apiKeyPlaceholder": "sk-...",
+    "image": {
+      "label": "Add image"
+    },
+    "table": {
+      "insertTable": "Insert table",
+      "size": "{{cols}} x {{rows}}",
+      "addColumnBefore": "Add column before",
+      "addColumnAfter": "Add column after",
+      "deleteColumn": "Delete column",
+      "addRowBefore": "Add row before",
+      "addRowAfter": "Add row after",
+      "deleteRow": "Delete row",
+      "mergeCells": "Merge cells",
+      "splitCell": "Split cell",
+      "deleteTable": "Delete table"
+    },
+    "ai": {
+      "label": "AI Assistant",
+      "placeholder": "Ask AI to write something...",
+      "apiKeyPlaceholder": "sk-...",
       "generate": "Generate",
       "generating": "Generating...",
       "insert": "Insert",

package/dist/components/tiptap-editor/simple/i18n/zh-CN.json.d.ts

@@ -18,32 +18,48 @@ declare const _default: {
     },
     "blockquote": "引用",
     "codeBlock": "代码块",
-    "marks": {
-      "bold": "粗体",
-      "italic": "斜体",
-      "strike": "删除线",
-      "code": "行内代码",
-      "underline": "下划线",
-      "superscript": "上标",
-      "subscript": "下标"
-    },
-    "highlight": {
-      "label": "高亮",
-      "toggle": "切换高亮 ({{color}})",
-      "remove": "移除高亮",
-      "colors": {
-        "default": "默认背景",
-        "gray": "灰色背景",
-        "brown": "棕色背景",
-        "orange": "橙色背景",
-        "yellow": "黄色背景",
-        "green": "绿色背景",
-        "blue": "蓝色背景",
-        "purple": "紫色背景",
-        "pink": "粉色背景",
-        "red": "红色背景"
-      }
-    },
+    "marks": {
+      "bold": "粗体",
+      "italic": "斜体",
+      "strike": "删除线",
+      "code": "行内代码",
+      "underline": "下划线",
+      "superscript": "上标",
+      "subscript": "下标"
+    },
+    "textColor": {
+      "label": "文字颜色",
+      "toggle": "设置文字颜色 ({{color}})",
+      "remove": "清除文字颜色",
+      "colors": {
+        "gray": "灰色文字",
+        "brown": "棕色文字",
+        "orange": "橙色文字",
+        "yellow": "黄色文字",
+        "green": "绿色文字",
+        "blue": "蓝色文字",
+        "purple": "紫色文字",
+        "pink": "粉色文字",
+        "red": "红色文字"
+      }
+    },
+    "highlight": {
+      "label": "高亮",
+      "toggle": "切换高亮 ({{color}})",
+      "remove": "移除高亮",
+      "colors": {
+        "default": "默认背景",
+        "gray": "灰色背景",
+        "brown": "棕色背景",
+        "orange": "橙色背景",
+        "yellow": "黄色背景",
+        "green": "绿色背景",
+        "blue": "蓝色背景",
+        "purple": "紫色背景",
+        "pink": "粉色背景",
+        "red": "红色背景"
+      }
+    },
     "link": {
       "label": "链接",
       "placeholder": "粘贴链接...",
@@ -57,13 +73,26 @@ declare const _default: {
       "right": "右对齐",
       "justify": "两端对齐"
     },
-    "image": {
-      "label": "添加图片"
-    },
-    "ai": {
-      "label": "AI 助手",
-      "placeholder": "让 AI 写点什么...",
-      "apiKeyPlaceholder": "sk-...",
+    "image": {
+      "label": "添加图片"
+    },
+    "table": {
+      "insertTable": "插入表格",
+      "size": "{{cols}} x {{rows}}",
+      "addColumnBefore": "在左侧插入一列",
+      "addColumnAfter": "在右侧插入一列",
+      "deleteColumn": "删除列",
+      "addRowBefore": "在上方插入一行",
+      "addRowAfter": "在下方插入一行",
+      "deleteRow": "删除行",
+      "mergeCells": "合并单元格",
+      "splitCell": "拆分单元格",
+      "deleteTable": "删除表格"
+    },
+    "ai": {
+      "label": "AI 助手",
+      "placeholder": "让 AI 写点什么...",
+      "apiKeyPlaceholder": "sk-...",
       "generate": "生成",
       "generating": "生成中...",
       "insert": "插入",

package/dist/components/tiptap-editor/simple/lib/feature-utils.d.ts

@@ -1,6 +1,7 @@
 import { Level } from '../components/tiptap-ui/heading-button';
 import { ListType } from '../components/tiptap-ui/list-button';
 import { HighlightColor } from '../components/tiptap-ui/color-highlight-button';
+import { TextColor } from '../components/tiptap-ui/text-color-button';
 import { ImageUploadProps } from './image-upload-handler';
 import { AiCompletionOptions } from './ai-service';
 export interface FeatureConfig<T = unknown> {
@@ -22,6 +23,9 @@ export interface HighlightConfig extends BaseButtonConfig {
     multicolor?: boolean;
     colors?: HighlightColor[];
 }
+export interface TextColorConfig extends BaseButtonConfig {
+    colors?: TextColor[];
+}
 export interface LinkConfig extends BaseButtonConfig {
     openOnClick?: boolean;
     enableClickSelection?: boolean;
@@ -111,6 +115,7 @@ export interface SimpleEditorFeatures {
     strike?: boolean | FeatureConfig<BaseButtonConfig>;
     code?: boolean | FeatureConfig<BaseButtonConfig>;
     underline?: boolean | FeatureConfig<BaseButtonConfig>;
+    textColor?: boolean | FeatureConfig<TextColorConfig>;
     highlight?: boolean | FeatureConfig<HighlightConfig>;
     link?: boolean | FeatureConfig<LinkConfig>;
     subscript?: boolean | FeatureConfig<BaseButtonConfig>;

package/dist/components/tiptap-editor/simple/lib/image-upload-handler.d.ts

@@ -1,3 +1,4 @@
+import { UploadOptions } from '../components/tiptap-node/image-upload-node/image-upload-node';
 export type RequestMethod = "POST" | "PUT" | "PATCH" | "post" | "put" | "patch";
 export interface UploadRequestOption {
     action: string;
@@ -10,7 +11,7 @@ export interface UploadRequestOption {
     onSuccess: (body: unknown) => void;
     withCredentials?: boolean;
 }
-export interface ImageUploadProps {
+export interface ImageUploadProps extends Partial<Omit<UploadOptions, "upload">> {
     /** Upload URL */
     action?: string | ((file: File) => Promise<string>);
     /** HTTP method */