ant-design-x-vue 0.0.1 → 0.0.3

package/dist/typings/conversations/context.d.ts

@@ -0,0 +1,21 @@
+import type { ComputedRef } from "vue";
+import type { GroupTitleContextProps } from './interface';
+export declare const globalGroupTitleContextApi: import("vue").ShallowRef<GroupTitleContextProps, GroupTitleContextProps>;
+export declare const useGroupTitleContextProvider: (value: ComputedRef<GroupTitleContextProps>) => void;
+export declare const useGroupTitleContextInject: () => ComputedRef<GroupTitleContextProps>;
+export declare const GroupTitleContextProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<GroupTitleContextProps>;
+        default: GroupTitleContextProps;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<GroupTitleContextProps>;
+        default: GroupTitleContextProps;
+    };
+}>> & Readonly<{}>, {
+    value: GroupTitleContextProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default GroupTitleContextProvider;

package/dist/typings/conversations/hooks/useGroupable.d.ts

@@ -0,0 +1,12 @@
+import { MaybeRefOrGetter } from 'vue';
+import type { Conversation, Groupable, ConversationsProps } from '../interface';
+type GroupList = {
+    data: Conversation[];
+    name?: string;
+    title?: Groupable['title'];
+}[];
+declare const useGroupable: (groupable?: MaybeRefOrGetter<ConversationsProps["groupable"]>, items?: MaybeRefOrGetter<Conversation[]>) => import("vue").ComputedRef<{
+    groupList: GroupList;
+    enableGroup: boolean;
+}>;
+export default useGroupable;

package/dist/typings/conversations/index.d.ts

@@ -0,0 +1,4 @@
+import Conversations from './Conversations.vue';
+export type { ConversationsProps } from './interface';
+export default Conversations;
+export { Conversations, };

package/dist/typings/conversations/interface.d.ts

@@ -0,0 +1,129 @@
+import type { CSSProperties, HTMLAttributes, VNode } from 'vue';
+import type { AnyObject } from '../_util/type';
+import GroupTitle from './GroupTitle.vue';
+import type { ConfigProviderProps, DirectionType } from 'ant-design-vue/es/config-provider';
+import type { MenuProps } from 'ant-design-vue';
+type GroupType = string;
+/**
+ * @desc 会话数据
+ * @descEN Conversation data
+ */
+export interface Conversation extends AnyObject {
+    /**
+     * @desc 唯一标识
+     * @descEN Unique identifier
+     */
+    key: string;
+    /**
+     * @desc 会话名称
+     * @descEN Conversation name
+     */
+    label?: VNode | string;
+    /**
+     * @desc 会话时间戳
+     * @descEN Conversation timestamp
+     */
+    timestamp?: number;
+    /**
+     * @desc 会话分组类型，与 {@link ConversationsProps.groupable} 联动
+     * @descEN Conversation type
+     */
+    group?: GroupType;
+    /**
+     * @desc 会话图标
+     * @descEN conversation icon
+     */
+    icon?: VNode;
+    /**
+     * @desc 是否禁用
+     * @descEN Whether to disable
+     */
+    disabled?: boolean;
+}
+/**
+ * @desc 会话列表组件参数
+ * @descEN Props for the conversation list component
+ */
+export interface ConversationsProps extends HTMLAttributes {
+    /**
+     * @desc 会话列表数据源
+     * @descEN Data source for the conversation list
+     */
+    items?: Conversation[];
+    /**
+     * @desc 当前选中的值
+     * @descEN Currently selected value
+     */
+    activeKey?: Conversation['key'];
+    /**
+     * @desc 默认选中值
+     * @descEN Default selected value
+     */
+    defaultActiveKey?: Conversation['key'];
+    /**
+     * @desc 选中变更回调
+     * @descEN Callback for selection change
+     */
+    onActiveChange?: (value: string) => void;
+    /**
+     * @desc 会话操作菜单
+     * @descEN Operation menu for conversations
+     */
+    menu?: MenuProps | ((value: Conversation) => MenuProps);
+    /**
+     * @desc 是否支持分组, 开启后默认按 {@link Conversation.group} 字段分组
+     * @descEN If grouping is supported, it defaults to the {@link Conversation.group} field
+     */
+    groupable?: boolean | Groupable;
+    /**
+     * @desc 语义化结构 style
+     * @descEN Semantic structure styles
+     */
+    styles?: Partial<Record<'item', CSSProperties>>;
+    /**
+     * @desc 语义化结构 className
+     * @descEN Semantic structure class names
+     */
+    classNames?: Partial<Record<'item', string>>;
+    /**
+     * @desc 自定义前缀
+     * @descEN Prefix
+     */
+    prefixCls?: string;
+    /**
+     * @desc 自定义根类名
+     * @descEN Custom class name
+     */
+    rootClassName?: string;
+}
+export interface ConversationsItemProps extends Omit<HTMLAttributes, 'onClick'> {
+    info: Conversation;
+    prefixCls?: string;
+    direction?: DirectionType;
+    menu?: MenuProps;
+    active?: boolean;
+    onClick?: (info: Conversation) => void;
+}
+export type GroupSorter = Parameters<GroupType[]['sort']>[0];
+export type GroupTitleRenderComponents = {
+    components: {
+        GroupTitle: typeof GroupTitle;
+    };
+};
+export type GroupTitleRender = ((group: GroupType, info: GroupTitleRenderComponents) => VNode) | undefined;
+export interface Groupable {
+    /**
+     * @desc 分组排序函数
+     * @descEN Group sorter
+     */
+    sort?: GroupSorter;
+    /**
+     * @desc 自定义分组标签渲染
+     * @descEN Semantic custom rendering
+     */
+    title?: GroupTitleRender;
+}
+export interface GroupTitleContextProps {
+    prefixCls?: ConfigProviderProps['prefixCls'];
+}
+export {};

package/dist/typings/conversations/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GetDefaultToken } from '../../theme/cssinjs-utils';
+export interface ComponentToken {
+}
+export interface ConversationsToken extends FullToken<'Conversations'> {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Conversations'>;
+declare const _default: (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string];
+export default _default;

package/dist/typings/index.d.ts

@@ -1,2 +1,6 @@
 export * from './x-provider';
 export * from './bubble';
+export * from './conversations';
+export * from './welcome';
+export * from './prompts';
+export * from './suggestion';

package/dist/typings/prompts/Prompts.vue.d.ts

@@ -0,0 +1,3 @@
+import type { PromptsProps } from './interface';
+declare const _default: import("vue").DefineComponent<PromptsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PromptsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/typings/prompts/index.d.ts

@@ -0,0 +1,4 @@
+import Prompts from './Prompts.vue';
+export type { PromptsProps } from './interface';
+export default Prompts;
+export { Prompts, };

package/dist/typings/prompts/interface.d.ts

@@ -0,0 +1,81 @@
+import type { CSSProperties, HTMLAttributes, VNode } from "vue";
+export interface BasePromptItem {
+    /**
+     * @desc 唯一标识用于区分每个提示项。
+     * @descEN Unique identifier used to distinguish each prompt item.
+     */
+    key: string;
+    /**
+     * @desc 提示图标显示在提示项的左侧。
+     * @descEN Prompt icon displayed on the left side of the prompt item.
+     */
+    icon?: VNode;
+    /**
+     * @desc 提示标签显示提示的主要内容。
+     * @descEN Prompt label displaying the main content of the prompt.
+     */
+    label?: VNode | string;
+    /**
+     * @desc 提示描述提供额外的信息。
+     * @descEN Prompt description providing additional information.
+     */
+    description?: VNode | string;
+    /**
+     * @desc 设置为 true 时禁用点击事件。
+     * @descEN When set to true, click events are disabled.
+     */
+    disabled?: boolean;
+}
+export interface PromptProps extends BasePromptItem {
+    children?: BasePromptItem[];
+}
+export type SemanticType = 'list' | 'item' | 'itemContent' | 'title' | 'subList' | 'subItem';
+export interface PromptsProps extends Omit<HTMLAttributes, 'onClick' | 'title'> {
+    /**
+     * @desc 包含多个提示项的列表。
+     * @descEN List containing multiple prompt items.
+     */
+    items?: PromptProps[];
+    /**
+     * @desc 显示在提示列表顶部的标题。
+     * @descEN Title displayed at the top of the prompt list.
+     */
+    title?: VNode | string;
+    /**
+     * @desc Item 提示项被点击时的回调函数。
+     * @descEN Callback function when a prompt item is clicked.
+     */
+    onItemClick?: (info: {
+        data: PromptProps;
+    }) => void;
+    /**
+     * @desc 提示列表是否垂直排列。
+     * @descEN Whether the prompt list is arranged vertically.
+     */
+    vertical?: boolean;
+    /**
+     * @desc 提示列表是否换行。
+     * @descEN Whether the prompt list is wrapped.
+     */
+    wrap?: boolean;
+    /**
+     * @desc 自定义样式，用于各个提示项的不同部分。
+     * @descEN Custom styles for different parts of each prompt item.
+     */
+    styles?: Partial<Record<SemanticType, CSSProperties>>;
+    /**
+     * @desc 自定义样式类名，用于各个提示项的不同部分。
+     * @descEN Custom style class names for different parts of each prompt item.
+     */
+    classNames?: Partial<Record<SemanticType, string>>;
+    /**
+     * @desc 样式类名的前缀。
+     * @descEN Prefix for style class names.
+     */
+    prefixCls?: string;
+    /**
+     * @desc 根节点的样式类名。
+     * @descEN Style class name for the root node.
+     */
+    rootClassName?: string;
+}

package/dist/typings/prompts/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GetDefaultToken } from "../../theme/cssinjs-utils";
+export interface ComponentToken {
+}
+export interface PromptsToken extends FullToken<'Prompts'> {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Prompts'>;
+declare const _default: (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string];
+export default _default;

package/dist/typings/suggestion/Suggestion.vue.d.ts

@@ -0,0 +1,16 @@
+import type { SuggestionProps } from './interface';
+declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & SuggestionProps<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/typings/suggestion/index.d.ts

@@ -0,0 +1,4 @@
+import Suggestion from './Suggestion.vue';
+export type { SuggestionProps } from './interface';
+export default Suggestion;
+export { Suggestion, };

package/dist/typings/suggestion/interface.d.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties, VNode } from "vue";
+export type SuggestionItem = {
+    label: VNode | string;
+    value: string;
+    icon?: VNode;
+    children?: SuggestionItem[];
+    extra?: VNode;
+};
+export interface RenderChildrenProps<T> {
+    onTrigger: (info?: T | false) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+}
+export interface SuggestionProps<T = any> {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    style?: CSSProperties;
+    children?: (props: RenderChildrenProps<T>) => VNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    items: SuggestionItem[] | ((info?: T) => SuggestionItem[]);
+    onSelect?: (value: string) => void;
+    block?: boolean;
+    styles?: Partial<Record<string, CSSProperties>>;
+    classNames?: Partial<Record<string, string>>;
+}

package/dist/typings/suggestion/style/index.d.ts

@@ -0,0 +1,6 @@
+import type { GetDefaultToken } from '../../theme/cssinjs-utils';
+export interface ComponentToken {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Suggestion'>;
+declare const _default: (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string];
+export default _default;

package/dist/typings/suggestion/useActive.d.ts

@@ -0,0 +1,7 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { SuggestionItem } from './interface';
+import type { KeyboardEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+/**
+ * Since Cascader not support ref active, we use `value` to mock the active item.
+ */
+export default function useActive(items: MaybeRefOrGetter<SuggestionItem[]>, open: MaybeRefOrGetter<boolean>, rtl: MaybeRefOrGetter<boolean>, onSelect: (value: string[]) => void, onCancel: () => void): readonly [import("vue").Ref<string[], string[]>, KeyboardEventHandler];

package/dist/typings/theme/components.d.ts

@@ -1,4 +1,12 @@
 import type { ComponentToken as BubbleComponentToken } from '../bubble/style';
+import type { ComponentToken as ConversationsComponentToken } from '../conversations/style';
+import type { ComponentToken as PromptsComponentToken } from '../prompts/style';
+import type { ComponentToken as SuggestionComponentToken } from '../suggestion/style';
+import type { ComponentToken as WelcomeComponentToken } from '../welcome/style';
 export interface ComponentTokenMap {
     Bubble?: BubbleComponentToken;
+    Conversations?: ConversationsComponentToken;
+    Prompts?: PromptsComponentToken;
+    Suggestion?: SuggestionComponentToken;
+    Welcome?: WelcomeComponentToken;
 }

package/dist/typings/theme/genStyleUtils.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentTokenMap } from './components';
 import type { AliasToken } from './cssinjs-utils';
-export declare const genStyleHooks: <C extends "Bubble">(component: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
+export declare const genStyleHooks: <C extends keyof ComponentTokenMap>(component: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
     resetStyle?: boolean;
     resetFont?: boolean;
     deprecatedTokens?: [keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>][];
@@ -8,7 +8,7 @@ export declare const genStyleHooks: <C extends "Bubble">(component: C | [C, stri
     clientOnly?: boolean;
     order?: number;
     injectStyle?: boolean;
-}) => (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string], genComponentStyleHook: <C extends "Bubble">(componentName: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
+}) => (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string], genComponentStyleHook: <C extends keyof ComponentTokenMap>(componentName: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
     resetStyle?: boolean;
     resetFont?: boolean;
     deprecatedTokens?: [keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>][];
@@ -16,7 +16,7 @@ export declare const genStyleHooks: <C extends "Bubble">(component: C | [C, stri
     order?: number;
     injectStyle?: boolean;
     unitless?: Partial<Record<keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, boolean>>;
-}) => (prefixCls: string, rootCls?: string) => import("../_util/cssinjs-utils/interface").UseComponentStyleResult, genSubStyleComponent: <C extends "Bubble">(componentName: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
+}) => (prefixCls: string, rootCls?: string) => import("../_util/cssinjs-utils/interface").UseComponentStyleResult, genSubStyleComponent: <C extends keyof ComponentTokenMap>(componentName: C | [C, string], styleFn: import("../_util/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("../_util/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C>, options?: {
     resetStyle?: boolean;
     resetFont?: boolean;
     deprecatedTokens?: [keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, keyof Exclude<import("../_util/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>][];

package/dist/typings/welcome/Welcome.vue.d.ts

@@ -0,0 +1,3 @@
+import type { WelcomeProps } from './interface';
+declare const _default: import("vue").DefineComponent<WelcomeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WelcomeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/typings/welcome/index.d.ts

@@ -0,0 +1,4 @@
+import Welcome from './Welcome.vue';
+export type { WelcomeProps } from './interface';
+export default Welcome;
+export { Welcome };

package/dist/typings/welcome/interface.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties, VNode } from "vue";
+export type SemanticType = 'title' | 'description' | 'icon' | 'extra';
+export interface WelcomeProps {
+    prefixCls?: string;
+    rootClassName?: string;
+    className?: string;
+    style?: CSSProperties;
+    variant?: 'filled' | 'borderless';
+    classNames?: Partial<Record<SemanticType, string>>;
+    styles?: Partial<Record<SemanticType, CSSProperties>>;
+    icon?: VNode | string;
+    title?: VNode | string;
+    description?: VNode | string;
+    extra?: VNode;
+}

package/dist/typings/welcome/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GetDefaultToken } from '../../theme/cssinjs-utils';
+export interface ComponentToken {
+}
+export interface WelcomeToken extends FullToken<'Welcome'> {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Welcome'>;
+declare const _default: (prefixCls: import("vue").MaybeRefOrGetter<string>, rootCls?: string) => readonly [(node: import("vue").VNode) => import("vue").VNode, string, string];
+export default _default;

package/dist/typings/x-provider/context.d.ts

@@ -2,6 +2,10 @@ import { type AnyObject } from '../_util/type';
 import type { BubbleProps } from '../bubble';
 import { ComputedRef, CSSProperties } from 'vue';
 import type { ConfigProviderProps as AntdConfigProviderProps } from 'ant-design-vue/es/config-provider';
+import type { ConversationsProps } from '../conversations';
+import type { PromptsProps } from '../prompts';
+import type { SuggestionProps } from '../suggestion';
+import type { WelcomeProps } from '../welcome';
 export interface XComponentStyleConfig {
     classNames: Record<string, string>;
     styles: Record<string, CSSProperties>;
@@ -12,6 +16,10 @@ type DefaultPickType = keyof XComponentStyleConfig;
 type ComponentStyleConfig<CompProps extends AnyObject, PickType extends keyof CompProps = DefaultPickType> = Pick<CompProps, PickType | DefaultPickType>;
 export interface XProviderProps {
     bubble?: ComponentStyleConfig<BubbleProps>;
+    conversations?: ComponentStyleConfig<ConversationsProps>;
+    prompts?: ComponentStyleConfig<PromptsProps>;
+    suggestion?: ComponentStyleConfig<SuggestionProps>;
+    welcome?: ComponentStyleConfig<WelcomeProps>;
     antd?: AntdConfigProviderProps;
 }
 export type XComponentsConfig = Omit<XProviderProps, 'antd'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ant-design-x-vue",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A vue library developed with dumi",
   "scripts": {
     "build": "vite build && vue-tsc --project ./tsconfig.build.json",