@kaitify/react 0.0.1-beta.1

package/lib/core/icon/props.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'react';
+/**
+ * 图标组件的属性类型
+ */
+export type IconPropsType = {
+    /**
+     * iconify的图标name
+     */
+    name: string;
+    /**
+     * 图标大小，如果是数值默认单位为px
+     */
+    size?: string | number;
+    /**
+     * 样式
+     */
+    style?: CSSProperties;
+    /**
+     * 样式类
+     */
+    className?: string;
+};

package/lib/core/popover/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Popover } from './popover';
+export * from './props';
+export { Popover };

package/lib/core/popover/popover.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PopoverPropsType, PopoverRefType } from './props';
+/**
+ * 浮层组件
+ */
+declare const Popover: React.ForwardRefExoticComponent<PopoverPropsType & React.RefAttributes<PopoverRefType>>;
+export default Popover;

package/lib/core/popover/props.d.ts

@@ -0,0 +1,94 @@
+import { Instance } from '@popperjs/core';
+import { ReactNode } from 'react';
+/**
+ * 浮层位置类型
+ */
+export type PopoverPlacementType = 'auto' | 'auto-start' | 'auto-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end';
+/**
+ * 浮层组件属性类型
+ */
+export type PopoverPropsType = {
+    /**
+     * 浮层宽度
+     */
+    width?: string | number;
+    /**
+     * 浮层最小宽度
+     */
+    minWidth?: string | number;
+    /**
+     * 浮层最大高度
+     */
+    maxHeight?: string | number;
+    /**
+     * 浮层位置
+     */
+    placement?: PopoverPlacementType;
+    /**
+     * 是否显示三角形
+     */
+    arrow?: boolean;
+    /**
+     * 触发浮层的方式
+     */
+    trigger?: 'hover' | 'click' | 'custom';
+    /**
+     * 浮层显示动画
+     */
+    animation?: 'fade' | 'translate';
+    /**
+     * 浮层层级
+     */
+    zIndex?: number;
+    /**
+     * 显示延迟时间
+     */
+    delay?: number;
+    /**
+     * 是否禁用浮层
+     */
+    disabled?: boolean;
+    /**
+     * 目标元素插槽
+     */
+    refer: ReactNode;
+    /**
+     * 浮层内容插槽
+     */
+    children: ReactNode;
+    /**
+     * 浮层显示前触发的事件
+     */
+    onShow?: (el: Element) => void;
+    /**
+     * 浮层显示时触发的事件
+     */
+    onShowing?: (el: Element) => void;
+    /**
+     * 浮层显示后触发的事件
+     */
+    onShown?: (el: Element) => void;
+    /**
+     * 浮层隐藏前触发的事件
+     */
+    onHide?: (el: Element) => void;
+    /**
+     * 浮层隐藏时触发的事件
+     */
+    onHiding?: (el: Element) => void;
+    /**
+     * 浮层隐藏后触发的事件
+     */
+    onHidden?: (el: Element) => void;
+};
+/**
+ * 浮层组件实例类型
+ */
+export type PopoverRefType = {
+    visible: boolean;
+    showPopover: () => void;
+    hidePopover: () => void;
+    popperInstance: React.MutableRefObject<Instance | undefined>;
+    update: () => Promise<void>;
+    realPlacement: PopoverPlacementType;
+};

package/lib/core/tabs/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Tabs } from './tabs';
+export * from './props';
+export { Tabs };

package/lib/core/tabs/props.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+/**
+ * 选项卡组件属性类型
+ */
+export type TabsPropsType = {
+    /**
+     * 选项卡分栏数据
+     */
+    data: {
+        label: string;
+        value: string | number;
+    }[];
+    /**
+     * 选项卡默认选项
+     */
+    defaultValue: string | number;
+    /**
+     * 默认插槽
+     */
+    children: ReactNode | ((current: string | number) => ReactNode);
+};

package/lib/core/tabs/tabs.d.ts

@@ -0,0 +1,2 @@
+import { TabsPropsType } from './props';
+export default function Tabs({ data, ...props }: TabsPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/core/teleport/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Teleport } from './teleport';
+export * from './props';
+export { Teleport };

package/lib/core/teleport/props.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type TeleportPropsType = {
+    /**
+     * 目标容器
+     */
+    to?: string | HTMLElement;
+    /**
+     * 子元素
+     */
+    children?: ReactNode;
+};

package/lib/core/teleport/teleport.d.ts

@@ -0,0 +1,5 @@
+import { TeleportPropsType } from './props';
+/**
+ * 传送组件
+ */
+export default function Teleport(props: TeleportPropsType): import('react').ReactPortal | null;

package/lib/editor/bubble/bubble.d.ts

@@ -0,0 +1,6 @@
+import { BubblePropsType, BubbleRefType } from './props';
+/**
+ * 气泡栏组件
+ */
+declare const Bubble: import('react').ForwardRefExoticComponent<BubblePropsType & import('react').RefAttributes<BubbleRefType>>;
+export default Bubble;

package/lib/editor/bubble/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Bubble } from './bubble';
+export * from './props';
+export { Bubble };

package/lib/editor/bubble/props.d.ts

@@ -0,0 +1,63 @@
+import { KNodeMatchOptionType } from '../../index';
+import { Instance } from '@popperjs/core';
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * 气泡栏组件的属性类型
+ */
+export type BubblePropsType = {
+    /**
+     * 是否显示
+     */
+    visible: boolean;
+    /**
+     * 指定条件，每次更新气泡位置时会光标是否在符合条件的节点下，如果符合则根据该节点的真实dom进行定位
+     */
+    match?: KNodeMatchOptionType;
+    /**
+     * 鼠标按下时是否不显示气泡栏
+     */
+    hideOnMousedown?: boolean;
+    /**
+     * 默认插槽
+     */
+    children?: ReactNode;
+    /**
+     * 样式
+     */
+    style?: CSSProperties;
+    /**
+     * 样式类名
+     */
+    className?: string;
+    /**
+     * 气泡栏显示前触发的事件
+     */
+    onShow?: (el: Element) => void;
+    /**
+     * 气泡栏显示时触发的事件
+     */
+    onShowing?: (el: Element) => void;
+    /**
+     * 气泡栏显示后触发的事件
+     */
+    onShown?: (el: Element) => void;
+    /**
+     * 气泡栏隐藏前触发的事件
+     */
+    onHide?: (el: Element) => void;
+    /**
+     * 气泡栏隐藏时触发的事件
+     */
+    onHiding?: (el: Element) => void;
+    /**
+     * 气泡栏隐藏后触发的事件
+     */
+    onHidden?: (el: Element) => void;
+};
+/**
+ * 气泡栏组件实例类型
+ */
+export type BubbleRefType = {
+    elRef: React.MutableRefObject<HTMLDivElement | null>;
+    popperInstance: React.MutableRefObject<Instance | null>;
+};

package/lib/editor/menu/built-in/align-center/align-center.d.ts

@@ -0,0 +1,2 @@
+import { AlignCenterMenuPropsType } from './props';
+export default function AlignCenterMenu(props: AlignCenterMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/align-center/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AlignCenterMenu } from './align-center';
+export * from './props';
+export { AlignCenterMenu };

package/lib/editor/menu/built-in/align-center/props.d.ts

@@ -0,0 +1,10 @@
+export type AlignCenterMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/align-justify/align-justify.d.ts

@@ -0,0 +1,2 @@
+import { AlignJustifyMenuPropsType } from './props';
+export default function AlignJustifyMenu(props: AlignJustifyMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/align-justify/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AlignJustifyMenu } from './align-justify';
+export * from './props';
+export { AlignJustifyMenu };

package/lib/editor/menu/built-in/align-justify/props.d.ts

@@ -0,0 +1,10 @@
+export type AlignJustifyMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/align-left/align-left.d.ts

@@ -0,0 +1,2 @@
+import { AlignLeftMenuPropsType } from './props';
+export default function AlignLeftMenu(props: AlignLeftMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/align-left/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AlignLeftMenu } from './align-left';
+export * from './props';
+export { AlignLeftMenu };

package/lib/editor/menu/built-in/align-left/props.d.ts

@@ -0,0 +1,10 @@
+export type AlignLeftMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/align-right/align-right.d.ts

@@ -0,0 +1,2 @@
+import { AlignRightMenuPropsType } from './props';
+export default function AlignRightMenu(props: AlignRightMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/align-right/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AlignRightMenu } from './align-right';
+export * from './props';
+export { AlignRightMenu };

package/lib/editor/menu/built-in/align-right/props.d.ts

@@ -0,0 +1,10 @@
+export type AlignRightMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/attachment/attachment.d.ts

@@ -0,0 +1,2 @@
+import { AttachmentMenuPropsType } from './props';
+export default function AttachmentMenu({ tabs, ...props }: AttachmentMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/attachment/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AttachmentMenu } from './attachment';
+export * from './props';
+export { AttachmentMenu };

package/lib/editor/menu/built-in/attachment/props.d.ts

@@ -0,0 +1,26 @@
+import { MenuPropsType } from '../../props';
+export type AttachmentMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * tabs配置
+     */
+    tabs?: {
+        data: ('remote' | 'upload')[];
+        default: 'remote' | 'upload';
+    };
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+    /**
+     * 附件logo图片地址
+     */
+    iconUrl?: string;
+    /**
+     * 自定义上传方法
+     */
+    customUpload?: (file: File) => string | Promise<string>;
+};

package/lib/editor/menu/built-in/back-color/back-color.d.ts

@@ -0,0 +1,2 @@
+import { BackColorMenuPropsType } from './props';
+export default function BackColorMenu({ colors, ...props }: BackColorMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/back-color/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BackColorMenu } from './back-color';
+export * from './props';
+export { BackColorMenu };

package/lib/editor/menu/built-in/back-color/props.d.ts

@@ -0,0 +1,15 @@
+import { MenuPropsType } from '../../props';
+export type BackColorMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 颜色数组
+     */
+    colors?: string[];
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+};

package/lib/editor/menu/built-in/blockquote/blockquote.d.ts

@@ -0,0 +1,2 @@
+import { BlockquoteMenuPropsType } from './props';
+export default function BlockquoteMenu(props: BlockquoteMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/blockquote/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BlockquoteMenu } from './blockquote';
+export * from './props';
+export { BlockquoteMenu };

package/lib/editor/menu/built-in/blockquote/props.d.ts

@@ -0,0 +1,10 @@
+export type BlockquoteMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/bold/bold.d.ts

@@ -0,0 +1,2 @@
+import { BoldMenuPropsType } from './props';
+export default function BoldMenu(props: BoldMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/bold/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BoldMenu } from './bold';
+export * from './props';
+export { BoldMenu };

package/lib/editor/menu/built-in/bold/props.d.ts

@@ -0,0 +1,10 @@
+export type BoldMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/clear-format/clear-format.d.ts

@@ -0,0 +1,2 @@
+import { ClearFormatMenuPropsType } from './props';
+export default function ClearFormatMenu(props: ClearFormatMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/clear-format/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ClearFormatMenu } from './clear-format';
+export * from './props';
+export { ClearFormatMenu };

package/lib/editor/menu/built-in/clear-format/props.d.ts

@@ -0,0 +1,10 @@
+export type ClearFormatMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/code/code.d.ts

@@ -0,0 +1,2 @@
+import { CodeMenuPropsType } from './props';
+export default function CodeMenu(props: CodeMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/code/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CodeMenu } from './code';
+export * from './props';
+export { CodeMenu };

package/lib/editor/menu/built-in/code/props.d.ts

@@ -0,0 +1,10 @@
+export type CodeMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/code-block/code-block-languages.d.ts

@@ -0,0 +1,2 @@
+import { CodeBlockLanguagesMenuPropsType } from './props';
+export default function CodeBlockLanguagesMenu({ languages, ...props }: CodeBlockLanguagesMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/code-block/code-block.d.ts

@@ -0,0 +1,2 @@
+import { CodeBlockMenuPropsType } from './props';
+export default function CodeBlockMenu(props: CodeBlockMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/code-block/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CodeBlockMenu } from './code-block';
+import { default as CodeBlockLanguagesMenu } from './code-block-languages';
+export * from './props';
+export { CodeBlockMenu, CodeBlockLanguagesMenu };

package/lib/editor/menu/built-in/code-block/props.d.ts

@@ -0,0 +1,32 @@
+import { HljsLanguageType } from '@kaitify/core';
+import { MenuDataType, MenuPropsType } from '../../props';
+export type CodeBlockMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};
+export type CodeBlockLanguagesMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 语言列表
+     */
+    languages?: HljsLanguageType[];
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: {
+        [key: MenuDataType['value']]: (e: KeyboardEvent) => boolean;
+    };
+};

package/lib/editor/menu/built-in/color/color.d.ts

@@ -0,0 +1,2 @@
+import { ColorMenuPropsType } from './props';
+export default function ColorMenu({ colors, ...props }: ColorMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/color/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ColorMenu } from './color';
+export * from './props';
+export { ColorMenu };

package/lib/editor/menu/built-in/color/props.d.ts

@@ -0,0 +1,15 @@
+import { MenuPropsType } from '../../props';
+export type ColorMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 颜色数组
+     */
+    colors?: string[];
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+};

package/lib/editor/menu/built-in/decrease-indent/decrease-indent.d.ts

@@ -0,0 +1,2 @@
+import { DecreaseIndentMenuPropsType } from './props';
+export default function DecreaseIndentMenu(props: DecreaseIndentMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/decrease-indent/index.d.ts

@@ -0,0 +1,3 @@
+import { default as DecreaseIndentMenu } from './decrease-indent';
+export * from './props';
+export { DecreaseIndentMenu };

package/lib/editor/menu/built-in/decrease-indent/props.d.ts

@@ -0,0 +1,10 @@
+export type DecreaseIndentMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: (e: KeyboardEvent) => boolean;
+};

package/lib/editor/menu/built-in/emoji/emoji.d.ts

@@ -0,0 +1,2 @@
+import { EmojiMenuPropsType } from './props';
+export default function EmojiMenu({ data, ...props }: EmojiMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/emoji/index.d.ts

@@ -0,0 +1,3 @@
+import { default as EmojiMenu } from './emoji';
+export * from './props';
+export { EmojiMenu };

package/lib/editor/menu/built-in/emoji/props.d.ts

@@ -0,0 +1,15 @@
+import { MenuPropsType } from '../../props';
+export type EmojiMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 表情数组
+     */
+    data?: string[];
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+};

package/lib/editor/menu/built-in/font-family/font-family.d.ts

@@ -0,0 +1,2 @@
+import { FontFamilyMenuPropsType } from './props';
+export default function FontFamilyMenu({ data, ...props }: FontFamilyMenuPropsType): import("react/jsx-runtime").JSX.Element;

package/lib/editor/menu/built-in/font-family/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FontFamilyMenu } from './font-family';
+export * from './props';
+export { FontFamilyMenu };

package/lib/editor/menu/built-in/font-family/props.d.ts

@@ -0,0 +1,21 @@
+import { MenuDataType, MenuPropsType } from '../../props';
+export type FontFamilyMenuPropsType = {
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 选项数组
+     */
+    data?: MenuDataType[];
+    /**
+     * 浮层属性
+     */
+    popoverProps?: Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>;
+    /**
+     * 快捷键设置
+     */
+    shortcut?: {
+        [key: MenuDataType['value']]: (e: KeyboardEvent) => boolean;
+    };
+};