@farris/x-ui 0.0.1 → 0.0.3

package/index.d.ts

@@ -1,7 +1,7 @@
-import { App } from 'vue';
+import { App } from '../vue';
 
-export * from './components';
-export * from './common';
+export * from '.';
+export * from '../common';
 declare const _default: {
     install(app: App): void;
 };

package/list-view/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from '../../vue';
+import { default as FXListView } from '../../src/list-view.component';
+
+export * from '../../src/list-view.props';
+export * from '../../src/composition/types';
+export { FXListView };
+declare const _default: typeof FXListView & Plugin;
+export default _default;

package/list-view/src/components/list-view-group-item.component.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('../../../../vue').DefineComponent<import('../../../../vue').ExtractPropTypes<{
+    groupData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    groupField: {
+        type: StringConstructor;
+        default: string;
+    };
+    groupValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../../vue').ComponentOptionsMixin, import('../../../../vue').ComponentOptionsMixin, {}, string, import('../../../../vue').PublicProps, Readonly<import('../../../../vue').ExtractPropTypes<{
+    groupData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    groupField: {
+        type: StringConstructor;
+        default: string;
+    };
+    groupValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    index: number;
+    groupData: Record<string, any>;
+    groupField: string;
+    groupValue: string;
+}, {}, {}, {}, string, import('../../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/list-view/src/components/list-view-item.component.d.ts

@@ -0,0 +1,122 @@
+declare const _default: import('../../../../vue').DefineComponent<import('../../../../vue').ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: import('../../../../vue').PropType<any[]>;
+        default: () => never[];
+    };
+    view: {
+        type: import('../../../../vue').PropType<import('../../../../../..').ListViewType>;
+        default: string;
+    };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemClass: {
+        type: import('../../../../vue').PropType<string | ((item: any, index: number) => string)>;
+        default: string;
+    };
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    group: {
+        type: import('../../../../vue').PropType<import('../../../../../..').ListViewGroupConfig>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../../vue').ComponentOptionsMixin, import('../../../../vue').ComponentOptionsMixin, {}, "clickItem", import('../../../../vue').PublicProps, Readonly<import('../../../../vue').ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: import('../../../../vue').PropType<any[]>;
+        default: () => never[];
+    };
+    view: {
+        type: import('../../../../vue').PropType<import('../../../../../..').ListViewType>;
+        default: string;
+    };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemClass: {
+        type: import('../../../../vue').PropType<string | ((item: any, index: number) => string)>;
+        default: string;
+    };
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    group: {
+        type: import('../../../../vue').PropType<import('../../../../../..').ListViewGroupConfig>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    data: any[];
+    view: import('../../../../../..').ListViewType;
+    customClass: string;
+    item: Record<string, any>;
+    index: number;
+    idField: string;
+    valueField: string;
+    textField: string;
+    itemClass: string | ((item: any, index: number) => string);
+    titleField: string;
+    group: import('../../../../../..').ListViewGroupConfig;
+    isActive: boolean;
+    isSelected: boolean;
+}, {}, {}, {}, string, import('../../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/list-view/src/composition/types.d.ts

@@ -0,0 +1,13 @@
+/** 列表视图类型 */
+export type ListViewType = 'SingleView' | 'ContentView' | 'CardView' | 'DraggableView';
+/** 分组配置 */
+export interface ListViewGroupConfig {
+    enable?: boolean;
+    groupFields?: string[];
+}
+/** 列表项渲染上下文 */
+export interface ListItemContext {
+    item: any;
+    index: number;
+    selectedItem?: any;
+}

package/list-view/src/composition/use-data-view.d.ts

@@ -0,0 +1,29 @@
+import { ListViewGroupConfig } from '../../../../../composition/types';
+
+interface GroupedData {
+    type: 0 | 1;
+    data: any;
+    groupField?: string;
+    groupValue?: string;
+    originalIndex: number;
+}
+/**
+ * 简化的数据视图组合式函数
+ * 支持：数据管理、分组、选中、激活
+ */
+export declare function useDataView(props: {
+    data: any[];
+    idField: string;
+    group?: ListViewGroupConfig;
+}): {
+    data: import('../../../../vue').Ref<any[], any[]>;
+    visualData: import('../../../../vue').ComputedRef<GroupedData[]>;
+    selectedItems: import('../../../../vue').Ref<any[], any[]>;
+    activeItemId: import('../../../../vue').Ref<string | number, string | number>;
+    updateDataSource: (newData: any[]) => void;
+    activeRowById: (id: string | number) => void;
+    clearSelection: () => void;
+    toggleSelection: (item: any) => void;
+    isSelected: (item: any) => boolean;
+};
+export {};

package/list-view/src/list-view.component.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import('../../../vue').DefineComponent<{
+    data: any[];
+    view: import('../../../..').ListViewType;
+    customClass: string;
+    idField: string;
+    valueField: string;
+    textField: string;
+    itemClass: string | ((item: any, index: number) => string);
+    titleField: string;
+    group?: import('../../../..').ListViewGroupConfig | undefined;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, "clickItem", import('../../../vue').PublicProps, Readonly<{
+    data: any[];
+    view: import('../../../..').ListViewType;
+    customClass: string;
+    idField: string;
+    valueField: string;
+    textField: string;
+    itemClass: string | ((item: any, index: number) => string);
+    titleField: string;
+    group?: import('../../../..').ListViewGroupConfig | undefined;
+}> & Readonly<{}>, {
+    data: any[];
+    view: import('../../../..').ListViewType;
+    customClass: string;
+    idField: string;
+    valueField: string;
+    textField: string;
+    itemClass: string | ((item: any, index: number) => string);
+    titleField: string;
+    group: import('../../../..').ListViewGroupConfig;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/list-view/src/list-view.props.d.ts

@@ -0,0 +1,51 @@
+import { PropType } from '../../../vue';
+import { ListViewType, ListViewGroupConfig } from '../../../composition/types';
+
+export declare const listViewProps: {
+    /** 数据源 */
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    /** 视图类型 */
+    view: {
+        type: PropType<ListViewType>;
+        default: string;
+    };
+    /** 自定义样式类名 */
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 列表项样式类名 */
+    itemClass: {
+        type: PropType<string | ((item: any, index: number) => string)>;
+        default: string;
+    };
+    /** 数据源id字段 */
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源文本字段 */
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源标题字段 */
+    titleField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源值字段 */
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 分组配置 */
+    group: {
+        type: PropType<ListViewGroupConfig>;
+        default: undefined;
+    };
+};
+export type ListViewProps = import('../../../vue').ExtractPropTypes<typeof listViewProps>;

package/markdown/index.d.ts

@@ -1,8 +1,8 @@
-import { Plugin } from 'vue';
-import { default as FXMarkdown } from './src/markdown.component';
+import { Plugin } from '../../vue';
+import { default as FXMarkdown } from '../../src/markdown.component';
 
-export * from './src/markdown.props';
-export * from './src/types';
+export * from '../../src/markdown.props';
+export * from '../../src/types';
 export { FXMarkdown };
 declare const _default: typeof FXMarkdown & Plugin;
 export default _default;

package/markdown/src/markdown.component.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('../../../vue').DefineComponent<import('../../../vue').ExtractPropTypes<{
     content: {
-        type: import('vue').PropType<import('./types').MessageContentMarkdown>;
+        type: import('../../../vue').PropType<import('../../../types').MessageContentMarkdown>;
         required: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, string, import('../../../vue').PublicProps, Readonly<import('../../../vue').ExtractPropTypes<{
     content: {
-        type: import('vue').PropType<import('./types').MessageContentMarkdown>;
+        type: import('../../../vue').PropType<import('../../../types').MessageContentMarkdown>;
         required: boolean;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/markdown/src/markdown.props.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import { MessageContentMarkdown } from './types';
+import { ExtractPropTypes, PropType } from '../../../vue';
+import { MessageContentMarkdown } from '../../../types';
 
 export declare const markdownMessageProps: {
     content: {

package/markdown-preview/index.d.ts

@@ -1,7 +1,7 @@
-import { Plugin } from 'vue';
-import { default as FXMarkdownPreview } from './src/markdown-preview.component';
+import { Plugin } from '../../vue';
+import { default as FXMarkdownPreview } from '../../src/markdown-preview.component';
 
-export * from './src/markdown-preview.props';
+export * from '../../src/markdown-preview.props';
 export { FXMarkdownPreview };
 declare const _default: typeof FXMarkdownPreview & Plugin;
 export default _default;

package/markdown-preview/src/markdown-preview.component.d.ts

@@ -1,9 +1,9 @@
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('../../../vue').DefineComponent<{
     content: string;
-}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, string, import('../../../vue').PublicProps, Readonly<{
     content: string;
 }> & Readonly<{}>, {
     content: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/markdown-preview/src/markdown-preview.props.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes } from '../../../vue';
 
 export declare const markdownPreviewProps: {
     content: {

package/nav/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from '../../vue';
+import { default as FXNav } from '../../src/nav.component';
+
+export * from '../../src/nav.props';
+export * from '../../src/composition/types';
+export { FXNav };
+declare const _default: typeof FXNav & Plugin;
+export default _default;

package/nav/src/composition/types.d.ts

@@ -0,0 +1,11 @@
+export interface NavItem {
+    id: string;
+    text: string;
+    num?: number;
+    disable?: boolean;
+}
+export type ShouldContinueResult = {
+    canContinue: boolean;
+    message?: string;
+} | boolean;
+export type BeforePickingFunction = (params?: NavItem) => Promise<ShouldContinueResult> | boolean;

package/nav/src/nav.component.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('../../../vue').DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, () => any, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, "nav" | "update:activeNavId", import('../../../vue').PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    [x: string]: any;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/nav/src/nav.props.d.ts

@@ -0,0 +1,2 @@
+export declare const navProps: Record<string, any>;
+export type NavProps = import('../../../vue').ExtractPropTypes<typeof navProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farris/x-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "可复用的 AI 对话组件",
   "type": "module",
   "main": "./farris.x-ui.umd.cjs",
@@ -8,7 +8,6 @@
   "types": "./components/index.d.ts",
   "style": "./index.css",
   "dependencies": {
-    "@farris/ui-vue": "^1.6.0",
     "@monaco-editor/loader": "^1.4.0",
     "markdown-it": "^14.1.0",
     "md-editor-v3": "^6.4.1"

package/popover/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from '../../vue';
+import { default as FXPopover } from '../../src/popover.component';
+import { default as FXPopoverDirective } from '../../src/popover.directive';
+
+export * from '../../src/popover.props';
+export { FXPopover, FXPopoverDirective };
+declare const _default: typeof FXPopover & Plugin;
+export default _default;

package/popover/src/composition/types.d.ts

@@ -0,0 +1,28 @@
+import { ComputedRef, Ref } from '../../../../vue';
+import { PopoverPlacement } from '../../../../../popover.props';
+
+export interface UsePosition {
+    arrowStyle: ComputedRef<Record<string, any>>;
+    popoverStyle: ComputedRef<Record<string, any>>;
+    position: Ref<PopoverPlacement>;
+    popoverWidth: Ref<number>;
+    fitToReference: (referenceElement: HTMLElement) => void;
+    followToReferencePosition: (referenceElement: HTMLElement) => void;
+    locateToReference: (referenceElement: HTMLElement) => void;
+    resetPosition: () => void;
+}
+export interface UseHost {
+    host: any;
+    hostLeft: ComputedRef<number>;
+    hostTop: ComputedRef<number>;
+    hostWidth: ComputedRef<number>;
+    hostHeight: ComputedRef<number>;
+    hostBottom: ComputedRef<number>;
+}
+export interface UsePopup {
+    hidePopverOnClickBodyHandler: ($event: MouseEvent) => any;
+    showPopover: Ref<boolean>;
+}
+export interface UseResize {
+    onResize: () => void;
+}

package/popover/src/composition/use-delayed-ref.d.ts

@@ -0,0 +1,4 @@
+export declare function useDelayedRef(source: any, delay?: number): {
+    delayedValue: import('../../../../vue').Ref<any, any>;
+    cleanup: () => void;
+};

package/popover/src/composition/use-host.d.ts

@@ -0,0 +1,9 @@
+import { PopoverProps } from '../../../../../popover.props';
+import { UseHost } from '../../../../types';
+
+/**
+ * 因为涉及到body的样式，可能出现在计算bottom和height时为0的情况，所以使用了window的高度
+ * @param props
+ * @returns
+ */
+export declare function useHost(props: PopoverProps): UseHost;

package/popover/src/composition/use-popup.d.ts

@@ -0,0 +1,5 @@
+import { Ref, SetupContext } from '../../../../vue';
+import { PopoverProps } from '../../../../../popover.props';
+import { UsePopup, UsePosition } from '../../../../types';
+
+export declare function usePopup(props: PopoverProps, context: SetupContext, arrowRef: Ref<any>, popoverRef: Ref<any>, reference: Ref<any>, shouldFitWidthToReference: Ref<boolean>, usePositionComposition: UsePosition): UsePopup;

package/popover/src/composition/use-position.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from '../../../../vue';
+import { PopoverProps } from '../../../../../popover.props';
+import { UseHost, UsePosition } from '../../../../types';
+
+export declare function usePosition(props: PopoverProps, arrowRef: Ref<any>, popoverRef: Ref<any>, hostComposition: UseHost): UsePosition;

package/popover/src/composition/use-resize.d.ts

@@ -0,0 +1,5 @@
+import { Ref, SetupContext } from '../../../../vue';
+import { PopoverProps } from '../../../../../popover.props';
+import { UsePosition, UseResize } from '../../../../types';
+
+export declare function useResize(props: PopoverProps, context: SetupContext, reference: Ref<any>, shouldFitWidthToReference: Ref<boolean>, positionComposition: UsePosition, popoverRef: Ref<any>): UseResize;

package/popover/src/popover.component.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import('../../../vue').DefineComponent<{
+    class: string;
+    arrowOffsetX: number;
+    customStyles: Record<string, any>;
+    isSimpleTips: boolean;
+    fitContent: boolean;
+    keepWidthWithReference: boolean;
+    minWidth: number;
+    offsetX: any;
+    offsetY: any;
+    placement: import('../../../popover.props').PopoverPlacement;
+    showArrow: boolean;
+    visible: boolean;
+    zIndex: number;
+    limitContentBySpace: boolean;
+    title?: string | undefined;
+    id?: string | undefined;
+    host?: any;
+    leftBoundary?: any;
+    reference?: any;
+    rightBoundary?: any;
+    beforeClose?: (() => Promise<boolean> | boolean) | undefined;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, string, import('../../../vue').PublicProps, Readonly<{
+    class: string;
+    arrowOffsetX: number;
+    customStyles: Record<string, any>;
+    isSimpleTips: boolean;
+    fitContent: boolean;
+    keepWidthWithReference: boolean;
+    minWidth: number;
+    offsetX: any;
+    offsetY: any;
+    placement: import('../../../popover.props').PopoverPlacement;
+    showArrow: boolean;
+    visible: boolean;
+    zIndex: number;
+    limitContentBySpace: boolean;
+    title?: string | undefined;
+    id?: string | undefined;
+    host?: any;
+    leftBoundary?: any;
+    reference?: any;
+    rightBoundary?: any;
+    beforeClose?: (() => Promise<boolean> | boolean) | undefined;
+}> & Readonly<{}>, {
+    class: string;
+    arrowOffsetX: number;
+    customStyles: Record<string, any>;
+    isSimpleTips: boolean;
+    fitContent: boolean;
+    keepWidthWithReference: boolean;
+    minWidth: number;
+    offsetX: any;
+    offsetY: any;
+    placement: import('../../../popover.props').PopoverPlacement;
+    showArrow: boolean;
+    visible: boolean;
+    zIndex: number;
+    limitContentBySpace: boolean;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/popover/src/popover.directive.d.ts

@@ -0,0 +1,5 @@
+declare const fxPopoverDirective: {
+    mounted: (element: any, binding: Record<string, any>, vnode: any) => void;
+    unMounted: (element: any, binding: Record<string, any>, vnode: any) => void;
+};
+export default fxPopoverDirective;