@zyui/components 0.0.6 → 0.0.8

package/es/src/components/FilePreview/index.d.ts

@@ -0,0 +1 @@
+export { default as FilePreview } from './index.vue';

package/es/src/components/FormFlow/components/CustomNode/End.vue.d.ts

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

package/es/src/components/FormFlow/components/CustomNode/Normal.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    node: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    noHandle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delNode: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    node: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    noHandle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onDelNode?: ((...args: any[]) => any) | undefined;
+}>, {
+    node: Record<string, any>;
+    noHandle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/components/FormFlow/components/CustomNode/Parent.vue.d.ts

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

package/es/src/components/FormFlow/components/CustomNode/Start.vue.d.ts

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

package/es/src/components/FormFlow/components/CustomNode/index.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{
+    id?: any;
+    data?: any;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    id?: any;
+    data?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/components/FormFlow/components/Edges/const.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultColor = "rgb(177, 177, 183)";
+export declare const selectedColor = "#409EFF";

package/es/src/components/FormFlow/components/NodeEditDialog/index.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    open: (data: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/components/FormFlow/emitter/index.d.ts

@@ -0,0 +1,12 @@
+import { Emitter } from 'mitt';
+import { MittEvents } from './types';
+
+export declare const emitter: Emitter<MittEvents>;
+/**
+ * emitter.on hooks的调用方法
+ */
+export declare const useSubscribe: typeof emitter.on;
+/**
+ * emitter.emit hooks的调用方法
+ */
+export declare const usePublish: () => typeof emitter.emit;

package/es/src/components/FormFlow/emitter/types.d.ts

@@ -0,0 +1,15 @@
+type showContextMenuType = {
+    event: MouseEvent | any;
+    data?: any;
+    callback?: (data: any) => void;
+};
+/**
+ * 为方便管理 用事件，必须再这里声明
+ * 举例：appInit、userLogin,至少“主”，“动”两个单词组成
+ */
+export type MittEvents = {
+    showContextMenu: showContextMenuType;
+    layoutImprove: any;
+    [key: string]: any;
+};
+export {};

package/es/src/components/FormFlow/helper.d.ts

@@ -0,0 +1,4 @@
+export declare const nodeKeys: string[];
+export declare const edgeKeys: string[];
+export declare const getMapValue: (newValue: any) => any;
+export declare const getMapEdgesValue: (newValue: any) => any;

package/es/src/components/FormFlow/hooks/useAddNode.d.ts

@@ -0,0 +1,3 @@
+export declare function useAddNode(): {
+    addNode: (event: any) => void;
+};

package/es/src/components/FormFlow/hooks/useCtrlKey.d.ts

@@ -0,0 +1 @@
+export declare function useCtrlKey(): import('vue').Ref<boolean, boolean>;

package/es/src/components/FormFlow/hooks/useFlowData.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { FlowNodeItem, FlowEdgeItem } from '../type';
+
+export declare const flowKey: unique symbol;
+type FlowContext = {
+    nodes: Ref<FlowNodeItem[]>;
+    edges: Ref<FlowEdgeItem[]>;
+    updateNodes: (newNodes: FlowNodeItem[]) => void;
+    updateEdges: (newEdges: FlowEdgeItem[]) => void;
+};
+export declare function provideFlowData(initialNodes: any, initialEdges: any): FlowContext;
+export declare function useFlowData(): FlowContext;
+export {};

package/es/src/components/FormFlow/hooks/useFlowEvents.d.ts

@@ -0,0 +1,8 @@
+import { useVueFlow } from '@vue-flow/core';
+
+interface UseFlowEventsReturn {
+    onConnect: ReturnType<typeof useVueFlow>['onConnect'];
+    addEdges: ReturnType<typeof useVueFlow>['addEdges'];
+}
+export declare function useFlowEvents(): UseFlowEventsReturn;
+export {};

package/es/src/components/FormFlow/hooks/useFlowProps.d.ts

@@ -0,0 +1,9 @@
+export declare const flowPropsKey: unique symbol;
+type FlowPropsContext = {
+    nodeTypes: any[];
+};
+export declare function provideFlowProps({ nodeTypes }: {
+    nodeTypes: any;
+}): FlowPropsContext;
+export declare function useFlowProps(): FlowPropsContext;
+export {};

package/es/src/components/FormFlow/hooks/useLayout.d.ts

@@ -0,0 +1,261 @@
+import { default as dagre } from '@dagrejs/dagre';
+
+/**
+ * Composable to run the layout algorithm on the graph.
+ * It uses the `dagre` library to calculate the layout of the nodes and edges.
+ */
+export declare function useLayout(): {
+    graph: import('vue').Ref<{
+        graph: () => dagre.GraphLabel;
+        isDirected: () => boolean;
+        isMultigraph: () => boolean;
+        setGraph: (label: dagre.GraphLabel) => dagre.graphlib.Graph<{}>;
+        edge: {
+            (edgeObj: dagre.Edge): dagre.GraphEdge;
+            (outNodeName: string, inNodeName: string, name?: string): dagre.GraphEdge;
+        };
+        edgeCount: () => number;
+        edges: () => dagre.Edge[];
+        hasEdge: {
+            (edgeObj: dagre.Edge): boolean;
+            (outNodeName: string, inNodeName: string, name?: string): boolean;
+        };
+        inEdges: (inNodeName: string, outNodeName?: string) => dagre.Edge[] | undefined;
+        outEdges: (outNodeName: string, inNodeName?: string) => dagre.Edge[] | undefined;
+        removeEdge: (outNodeName: string, inNodeName: string, name?: string) => dagre.graphlib.Graph<{}>;
+        setDefaultEdgeLabel: (callback: string | ((v: string, w: string, name?: string) => string | dagre.Label)) => dagre.graphlib.Graph<{}>;
+        setEdge: {
+            (params: dagre.Edge, value?: string | {
+                [key: string]: any;
+            }): dagre.graphlib.Graph<{}>;
+            (sourceId: string, targetId: string, value?: string | dagre.Label, name?: string): dagre.graphlib.Graph<{}>;
+        };
+        children: (parentName: string) => string | undefined;
+        hasNode: (name: string) => boolean;
+        neighbors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+        node: (id: string | dagre.Label) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        };
+        nodeCount: () => number;
+        nodes: () => string[];
+        parent: (childName: string) => string | undefined;
+        predecessors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+        removeNode: (name: string) => dagre.graphlib.Graph<{}>;
+        filterNodes: (callback: (nodeId: string) => boolean) => dagre.graphlib.Graph<{}>;
+        setDefaultNodeLabel: (callback: string | ((nodeId: string) => string | dagre.Label)) => dagre.graphlib.Graph<{}>;
+        setNode: (name: string, label: string | dagre.Label) => dagre.graphlib.Graph<{}>;
+        setParent: (childName: string, parentName: string) => void;
+        sinks: () => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[];
+        sources: () => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[];
+        successors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+    }, dagre.graphlib.Graph<{}> | {
+        graph: () => dagre.GraphLabel;
+        isDirected: () => boolean;
+        isMultigraph: () => boolean;
+        setGraph: (label: dagre.GraphLabel) => dagre.graphlib.Graph<{}>;
+        edge: {
+            (edgeObj: dagre.Edge): dagre.GraphEdge;
+            (outNodeName: string, inNodeName: string, name?: string): dagre.GraphEdge;
+        };
+        edgeCount: () => number;
+        edges: () => dagre.Edge[];
+        hasEdge: {
+            (edgeObj: dagre.Edge): boolean;
+            (outNodeName: string, inNodeName: string, name?: string): boolean;
+        };
+        inEdges: (inNodeName: string, outNodeName?: string) => dagre.Edge[] | undefined;
+        outEdges: (outNodeName: string, inNodeName?: string) => dagre.Edge[] | undefined;
+        removeEdge: (outNodeName: string, inNodeName: string, name?: string) => dagre.graphlib.Graph<{}>;
+        setDefaultEdgeLabel: (callback: string | ((v: string, w: string, name?: string) => string | dagre.Label)) => dagre.graphlib.Graph<{}>;
+        setEdge: {
+            (params: dagre.Edge, value?: string | {
+                [key: string]: any;
+            }): dagre.graphlib.Graph<{}>;
+            (sourceId: string, targetId: string, value?: string | dagre.Label, name?: string): dagre.graphlib.Graph<{}>;
+        };
+        children: (parentName: string) => string | undefined;
+        hasNode: (name: string) => boolean;
+        neighbors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+        node: (id: string | dagre.Label) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        };
+        nodeCount: () => number;
+        nodes: () => string[];
+        parent: (childName: string) => string | undefined;
+        predecessors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+        removeNode: (name: string) => dagre.graphlib.Graph<{}>;
+        filterNodes: (callback: (nodeId: string) => boolean) => dagre.graphlib.Graph<{}>;
+        setDefaultNodeLabel: (callback: string | ((nodeId: string) => string | dagre.Label)) => dagre.graphlib.Graph<{}>;
+        setNode: (name: string, label: string | dagre.Label) => dagre.graphlib.Graph<{}>;
+        setParent: (childName: string, parentName: string) => void;
+        sinks: () => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[];
+        sources: () => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[];
+        successors: (name: string) => {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            class?: string | undefined;
+            label?: string | undefined;
+            padding?: number | undefined;
+            paddingX?: number | undefined;
+            paddingY?: number | undefined;
+            rank?: number | undefined;
+            rx?: number | undefined;
+            ry?: number | undefined;
+            shape?: string | undefined;
+        }[] | undefined;
+    }>;
+    layout: (nodes: any, edges: any, direction: any) => any;
+    previousDirection: import('vue').Ref<string, string>;
+};

package/es/src/components/FormFlow/hooks/useMergeAndSplit.d.ts

@@ -0,0 +1,4 @@
+export declare function useMergeAndSplit(): {
+    merge: () => void;
+    split: () => void;
+};

package/es/src/components/FormFlow/hooks/useUndoRedo.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { FlowNodeItem, FlowEdgeItem } from '../type';
+
+export declare function useUndoRedo(nodes: Ref<FlowNodeItem[]>, edges: Ref<FlowEdgeItem[]>): {
+    undo: () => void;
+    redo: () => void;
+    canUndo: import('vue').ComputedRef<boolean>;
+    canRedo: import('vue').ComputedRef<boolean>;
+};

package/es/src/components/FormFlow/index.d.ts

@@ -0,0 +1 @@
+export { default as FormFlow } from './index.vue';

package/es/src/components/FormFlow/type.d.ts

@@ -0,0 +1,19 @@
+export type FlowNodeItem = {
+    data?: any;
+    id: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    selected?: boolean;
+    isParent?: boolean;
+    [key: string]: any;
+};
+export type FlowEdgeItem = {
+    id: string;
+    source: string;
+    target: string;
+    selected?: boolean;
+    type?: string;
+    [key: string]: any;
+};

package/es/src/components/NodesEditor/ContextMenu/index.vue.d.ts

@@ -0,0 +1,20 @@
+import { ContextMenuPosition } from '../hooks/useContextMenu';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    show: import('vue').PropType<any>;
+    style: {
+        type: import('vue').PropType<ContextMenuPosition>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (action: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: import('vue').PropType<any>;
+    style: {
+        type: import('vue').PropType<ContextMenuPosition>;
+        required: true;
+    };
+}>> & Readonly<{
+    onSelect?: ((action: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/components/NodesEditor/FormItem/index.vue.d.ts

@@ -0,0 +1,17 @@
+import { FormItemOptions } from '../type';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    options: FormItemOptions;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    options: FormItemOptions;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/components/NodesEditor/NodesEditUI.vue.d.ts

@@ -0,0 +1,33 @@
+import { RenderType } from './type';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pagesize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 渲染类型
+     * RenderType: 'edit' | 'select' | 'enter' | 'result'
+     */
+    renderType: {
+        type: () => RenderType;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pagesize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 渲染类型
+     * RenderType: 'edit' | 'select' | 'enter' | 'result'
+     */
+    renderType: {
+        type: () => RenderType;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    pagesize: string;
+    renderType: RenderType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;