@a2simcode/dui 0.0.1 → 0.0.2

package/dist/components-dui/flowDesign/index.d.ts

@@ -0,0 +1,66 @@
+declare const DFlowDesign: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').FlowDesignProps> & Readonly<{
+        onNodeClick?: ((node: import('@vue-flow/core').GraphNode<any, any, string>) => any) | undefined;
+        onConnect?: ((connection: any) => any) | undefined;
+        onPaneClick?: (() => any) | undefined;
+        onEdgeClick?: ((edge: any) => any) | undefined;
+    }>, {
+        getData: () => import('.').FlowDataItem[];
+        setData: (list: import('.').FlowDataItem[]) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        nodeClick: (node: import('@vue-flow/core').GraphNode<any, any, string>) => any;
+        connect: (connection: any) => any;
+        paneClick: () => any;
+        edgeClick: (edge: any) => any;
+    }, import('vue').PublicProps, {
+        components: import('.').FlowComponent[];
+        inputParams: Record<string, any>;
+        flowComponentConfigs: Record<string, any[]>;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        configRef: unknown;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('.').FlowDesignProps> & Readonly<{
+        onNodeClick?: ((node: import('@vue-flow/core').GraphNode<any, any, string>) => any) | undefined;
+        onConnect?: ((connection: any) => any) | undefined;
+        onPaneClick?: (() => any) | undefined;
+        onEdgeClick?: ((edge: any) => any) | undefined;
+    }>, {
+        getData: () => import('.').FlowDataItem[];
+        setData: (list: import('.').FlowDataItem[]) => void;
+    }, {}, {}, {}, {
+        components: import('.').FlowComponent[];
+        inputParams: Record<string, any>;
+        flowComponentConfigs: Record<string, any[]>;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('.').FlowDesignProps> & Readonly<{
+    onNodeClick?: ((node: import('@vue-flow/core').GraphNode<any, any, string>) => any) | undefined;
+    onConnect?: ((connection: any) => any) | undefined;
+    onPaneClick?: (() => any) | undefined;
+    onEdgeClick?: ((edge: any) => any) | undefined;
+}>, {
+    getData: () => import('.').FlowDataItem[];
+    setData: (list: import('.').FlowDataItem[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    nodeClick: (node: import('@vue-flow/core').GraphNode<any, any, string>) => any;
+    connect: (connection: any) => any;
+    paneClick: () => any;
+    edgeClick: (edge: any) => any;
+}, string, {
+    components: import('.').FlowComponent[];
+    inputParams: Record<string, any>;
+    flowComponentConfigs: Record<string, any[]>;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install: (app: import('vue').App) => void;
+};
+export default DFlowDesign;
+export * from './src/flowDesign.vue';
+export * from './src/interface';

package/dist/components-dui/flowDesign/src/edge/edgeWithButton.vue.d.ts

@@ -0,0 +1,22 @@
+export interface EdgeWithButtonProps {
+    /** 边ID */
+    id: string;
+    /** 源节点X坐标 */
+    sourceX: number;
+    /** 源节点Y坐标 */
+    sourceY: number;
+    /** 目标节点X坐标 */
+    targetX: number;
+    /** 目标节点Y坐标 */
+    targetY: number;
+    /** 源节点位置 */
+    sourcePosition: string;
+    /** 目标节点位置 */
+    targetPosition: string;
+    /** 标记类型 */
+    markerEnd?: string;
+    /** 样式 */
+    style?: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<EdgeWithButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EdgeWithButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components-dui/flowDesign/src/flow.vue.d.ts

@@ -0,0 +1,12 @@
+import { Node, Edge } from '@vue-flow/core';
+export interface FlowProps {
+    /** 节点列表 */
+    nodes?: Node[];
+    /** 边列表 */
+    edges?: Edge[];
+}
+declare const _default: import('vue').DefineComponent<FlowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FlowProps> & Readonly<{}>, {
+    nodes: Node[];
+    edges: Edge[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components-dui/flowDesign/src/flowDesign.vue.d.ts

@@ -0,0 +1,44 @@
+import { GraphNode } from '@vue-flow/core';
+import { FlowComponent, FlowNodeData, FlowDataItem, ConfigChangeParams, ConfigInitParams } from './interface';
+export interface FlowDesignProps {
+    /** 组件集合 */
+    components?: FlowComponent[];
+    /** 输入参数 */
+    inputParams?: Record<string, any>;
+    /** 编排组件初始化方法 */
+    flowInit?: (type: string) => Record<string, any> | null | undefined;
+    /** 组件配置初始化方法 */
+    flowComponentConfigInit?: (params: ConfigInitParams) => void;
+    /** 编排组件设置方法（配置表单的 schema） */
+    flowComponentConfigs?: Record<string, any[]>;
+    /** 配置值变更方法 */
+    flowComponentConfigChange?: (type: string, params: {
+        configRef: any;
+        component: Record<string, any>;
+        configData: FlowNodeData;
+        isFlowNode: boolean;
+    } & ConfigChangeParams) => void;
+}
+declare const _default: import('vue').DefineComponent<FlowDesignProps, {
+    /** 获取数据 */
+    getData: () => FlowDataItem[];
+    /** 设置数据 */
+    setData: (list: FlowDataItem[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    nodeClick: (node: GraphNode<any, any, string>) => any;
+    connect: (connection: any) => any;
+    paneClick: () => any;
+    edgeClick: (edge: any) => any;
+}, string, import('vue').PublicProps, Readonly<FlowDesignProps> & Readonly<{
+    onNodeClick?: ((node: GraphNode<any, any, string>) => any) | undefined;
+    onConnect?: ((connection: any) => any) | undefined;
+    onPaneClick?: (() => any) | undefined;
+    onEdgeClick?: ((edge: any) => any) | undefined;
+}>, {
+    components: FlowComponent[];
+    inputParams: Record<string, any>;
+    flowComponentConfigs: Record<string, any[]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    configRef: unknown;
+}, HTMLDivElement>;
+export default _default;

package/dist/components-dui/flowDesign/src/interface.d.ts

@@ -0,0 +1,108 @@
+import { GraphNode } from '@vue-flow/core';
+/**
+ * 流程组件配置项
+ */
+export interface FlowComponent {
+    /** 组件类型 */
+    type: string;
+    /** 组件名称 */
+    name: string;
+    /** 组件图标 */
+    icon?: string;
+    /** 图标颜色 */
+    iconColor?: string;
+    /** 组件描述 */
+    des?: string;
+    /** 其他配置 */
+    [key: string]: any;
+}
+/**
+ * 流程节点数据
+ */
+export interface FlowNodeData {
+    /** 节点类型 */
+    type: string;
+    /** 是否初始化 */
+    isInit?: boolean;
+    /** 其他配置数据 */
+    [key: string]: any;
+}
+/**
+ * 流程节点
+ */
+export interface FlowNode {
+    /** 节点ID */
+    id: string;
+    /** 节点类型 */
+    type: string;
+    /** 节点数据 */
+    data: FlowNodeData;
+    /** 节点位置 */
+    position: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * 流程边
+ */
+export interface FlowEdge {
+    /** 边ID */
+    id: string;
+    /** 源节点ID */
+    source: string;
+    /** 目标节点ID */
+    target: string;
+    /** 源节点句柄 */
+    sourceHandle?: string;
+    /** 目标节点句柄 */
+    targetHandle?: string;
+    /** 边类型 */
+    type?: string;
+    /** 标记类型 */
+    markerEnd?: string;
+}
+/**
+ * 流程数据项
+ */
+export interface FlowDataItem {
+    /** 节点ID */
+    id: string;
+    /** 节点类型 */
+    type: string;
+    /** 节点配置 */
+    config: FlowNodeData;
+    /** 节点位置 */
+    position: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * 配置变更参数
+ */
+export interface ConfigChangeParams {
+    /** 变更值 */
+    value: any;
+    /** 数据 */
+    data?: any;
+    /** 索引 */
+    index?: number;
+    /** 表格数据 */
+    tableData?: Record<string, any>[];
+    /** 类型 */
+    type?: string;
+}
+/**
+ * 配置初始化参数
+ */
+export interface ConfigInitParams {
+    /** 配置引用 */
+    configRef: any;
+    /** 输入参数 */
+    inputParams: Record<string, any>;
+    /** 组件列表 */
+    components: GraphNode[];
+    /** 配置数据 */
+    configData: FlowNodeData;
+}

package/dist/components-dui/flowDesign/src/node/stepNode.vue.d.ts

@@ -0,0 +1,10 @@
+export interface StepNodeProps {
+    /** 节点id */
+    id: string;
+    /** 节点数据 */
+    data: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<StepNodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StepNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropdownRef: unknown;
+}, HTMLDivElement>;
+export default _default;

package/dist/components-dui/flowDesign/src/nodeMenus.vue.d.ts

@@ -0,0 +1,12 @@
+export interface NodeMenusProps {
+    /** 源节点ID */
+    fromNodeId?: string;
+    /** 句柄ID */
+    handleId?: string;
+}
+declare const _default: import('vue').DefineComponent<NodeMenusProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    addNode: (type: string) => any;
+}, string, import('vue').PublicProps, Readonly<NodeMenusProps> & Readonly<{
+    onAddNode?: ((type: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components-dui/index.d.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+import { default as DDrag, dragTool, dragContainer, dragFormList, dragIndexList } from './drag';
+import { default as DFlowDesign } from './flowDesign';
+import { default as DInputFlow } from './inputFlow';
+import { default as DLayout } from './layout';
+import { default as DDraggable } from './draggable';
+export { DDrag, dragTool, dragContainer, dragFormList, dragIndexList, DFlowDesign, DInputFlow, DLayout, DDraggable };
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

package/dist/components-dui/inputFlow/index.d.ts

@@ -0,0 +1,68 @@
+declare const DInputFlow: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').InputFlowProps> & Readonly<{
+        onChange?: ((data: {
+            value: string | undefined;
+        }) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (data: {
+            value: string | undefined;
+        }) => any;
+        "update:modelValue": (value: string | undefined) => any;
+    }, import('vue').PublicProps, {
+        size: "large" | "default" | "small";
+        width: string | number;
+        height: number;
+        flowComponents: import('../flowDesign').FlowComponent[];
+        inputParams: Record<string, any>;
+        flowComponentConfigs: Record<string, import('.').SchemaConfigItem[]>;
+        btnText: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        flowRef: unknown;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('.').InputFlowProps> & Readonly<{
+        onChange?: ((data: {
+            value: string | undefined;
+        }) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "large" | "default" | "small";
+        width: string | number;
+        height: number;
+        flowComponents: import('../flowDesign').FlowComponent[];
+        inputParams: Record<string, any>;
+        flowComponentConfigs: Record<string, import('.').SchemaConfigItem[]>;
+        btnText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('.').InputFlowProps> & Readonly<{
+    onChange?: ((data: {
+        value: string | undefined;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (data: {
+        value: string | undefined;
+    }) => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, {
+    size: "large" | "default" | "small";
+    width: string | number;
+    height: number;
+    flowComponents: import('../flowDesign').FlowComponent[];
+    inputParams: Record<string, any>;
+    flowComponentConfigs: Record<string, import('.').SchemaConfigItem[]>;
+    btnText: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install: (app: import('vue').App) => void;
+};
+export default DInputFlow;
+export * from './src/inputFlow.vue';

package/dist/components-dui/inputFlow/src/inputFlow.vue.d.ts

@@ -0,0 +1,60 @@
+import { FlowComponent, ConfigChangeParams, ConfigInitParams } from '../../flowDesign/src/interface';
+/** 表单项配置（用于编排组件配置表单 schema） */
+export type SchemaConfigItem = Record<string, any>;
+export interface InputFlowProps {
+    /** 绑定值（流程数据 JSON 字符串） */
+    modelValue?: string;
+    /** 按钮类型：主要、幽灵、虚框、链接、文字、次要 */
+    type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default';
+    /** 按钮文字 */
+    btnText?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 按钮尺寸 */
+    size?: 'large' | 'default' | 'small';
+    /** 弹窗宽度 */
+    width?: string | number;
+    /** 弹窗高度 */
+    height?: number;
+    /** 弹窗关闭前回调，返回 false 可阻止关闭 */
+    beforeClose?: (value?: string) => boolean | Promise<boolean>;
+    /** 流程组件集合（编排可选节点类型） */
+    flowComponents?: FlowComponent[];
+    /** 输入参数，会传入流程组件配置初始化 */
+    inputParams?: Record<string, any>;
+    /** 编排画布初始化方法 */
+    flowInit?: (type: string) => Record<string, any> | null | undefined;
+    /** 组件配置表单初始化方法 */
+    flowComponentConfigInit?: (params: ConfigInitParams) => void;
+    /** 各类型节点的配置表单 schema */
+    flowComponentConfigs?: Record<string, SchemaConfigItem[]>;
+    /** 配置值变更回调 */
+    flowComponentConfigChange?: (type: string, params: {
+        configRef: any;
+        component: Record<string, any>;
+        configData: any;
+        isFlowNode: boolean;
+    } & ConfigChangeParams) => void;
+}
+declare const _default: import('vue').DefineComponent<InputFlowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (data: {
+        value: string | undefined;
+    }) => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<InputFlowProps> & Readonly<{
+    onChange?: ((data: {
+        value: string | undefined;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    size: "large" | "default" | "small";
+    width: string | number;
+    height: number;
+    flowComponents: FlowComponent[];
+    inputParams: Record<string, any>;
+    flowComponentConfigs: Record<string, SchemaConfigItem[]>;
+    btnText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    flowRef: unknown;
+}, any>;
+export default _default;

package/dist/components-dui/layout/index.d.ts

@@ -0,0 +1,115 @@
+declare const DLayout: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').LayoutProps> & Readonly<{
+        onDragStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        onDragStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        "onUpdate:modelValue"?: ((items: import('.').LayoutItem[]) => any) | undefined;
+        onAdded?: ((item: import('.').LayoutItem) => any) | undefined;
+        onRemoved?: ((item: import('.').LayoutItem) => any) | undefined;
+        onChanged?: ((items: import('.').LayoutItem[]) => any) | undefined;
+        onResizeStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        onResizeStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+    }>, {
+        addItem: (item: import('.').LayoutItem) => Promise<void>;
+        removeItem: (id: string) => void;
+        clear: () => void;
+        getGrid: () => import('gridstack').GridStack | null;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        dragStart: (event: Event, item: import('.').LayoutItem) => any;
+        dragStop: (event: Event, item: import('.').LayoutItem) => any;
+        "update:modelValue": (items: import('.').LayoutItem[]) => any;
+        added: (item: import('.').LayoutItem) => any;
+        removed: (item: import('.').LayoutItem) => any;
+        changed: (items: import('.').LayoutItem[]) => any;
+        resizeStart: (event: Event, item: import('.').LayoutItem) => any;
+        resizeStop: (event: Event, item: import('.').LayoutItem) => any;
+    }, import('vue').PublicProps, {
+        animate: boolean;
+        modelValue: import('.').LayoutItem[];
+        draggable: boolean;
+        float: boolean;
+        column: number;
+        cellHeight: number;
+        resizable: boolean;
+        disable: boolean;
+        removable: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        gridContainerRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('.').LayoutProps> & Readonly<{
+        onDragStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        onDragStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        "onUpdate:modelValue"?: ((items: import('.').LayoutItem[]) => any) | undefined;
+        onAdded?: ((item: import('.').LayoutItem) => any) | undefined;
+        onRemoved?: ((item: import('.').LayoutItem) => any) | undefined;
+        onChanged?: ((items: import('.').LayoutItem[]) => any) | undefined;
+        onResizeStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+        onResizeStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+    }>, {
+        addItem: (item: import('.').LayoutItem) => Promise<void>;
+        removeItem: (id: string) => void;
+        clear: () => void;
+        getGrid: () => import('gridstack').GridStack | null;
+    }, {}, {}, {}, {
+        animate: boolean;
+        modelValue: import('.').LayoutItem[];
+        draggable: boolean;
+        float: boolean;
+        column: number;
+        cellHeight: number;
+        resizable: boolean;
+        disable: boolean;
+        removable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('.').LayoutProps> & Readonly<{
+    onDragStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+    onDragStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((items: import('.').LayoutItem[]) => any) | undefined;
+    onAdded?: ((item: import('.').LayoutItem) => any) | undefined;
+    onRemoved?: ((item: import('.').LayoutItem) => any) | undefined;
+    onChanged?: ((items: import('.').LayoutItem[]) => any) | undefined;
+    onResizeStart?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+    onResizeStop?: ((event: Event, item: import('.').LayoutItem) => any) | undefined;
+}>, {
+    addItem: (item: import('.').LayoutItem) => Promise<void>;
+    removeItem: (id: string) => void;
+    clear: () => void;
+    getGrid: () => import('gridstack').GridStack | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dragStart: (event: Event, item: import('.').LayoutItem) => any;
+    dragStop: (event: Event, item: import('.').LayoutItem) => any;
+    "update:modelValue": (items: import('.').LayoutItem[]) => any;
+    added: (item: import('.').LayoutItem) => any;
+    removed: (item: import('.').LayoutItem) => any;
+    changed: (items: import('.').LayoutItem[]) => any;
+    resizeStart: (event: Event, item: import('.').LayoutItem) => any;
+    resizeStop: (event: Event, item: import('.').LayoutItem) => any;
+}, string, {
+    animate: boolean;
+    modelValue: import('.').LayoutItem[];
+    draggable: boolean;
+    float: boolean;
+    column: number;
+    cellHeight: number;
+    resizable: boolean;
+    disable: boolean;
+    removable: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        item?(_: {
+            item: import('.').LayoutItem;
+        }): any;
+    };
+}) & {
+    install: (app: import('vue').App) => void;
+};
+export default DLayout;
+export * from './src/layout.vue';

package/dist/components-dui/layout/src/layout.vue.d.ts

@@ -0,0 +1,114 @@
+import { GridStack } from 'gridstack';
+export interface LayoutItem {
+    /** 唯一标识 */
+    id: string;
+    /** 列位置 */
+    x: number;
+    /** 行位置 */
+    y: number;
+    /** 宽度（列数） */
+    w: number;
+    /** 高度（行数） */
+    h: number;
+    /** 是否锁定，锁定后不能拖拽和调整大小 */
+    locked?: boolean;
+    /** 是否禁用调整大小 */
+    noResize?: boolean;
+    /** 是否禁用移动 */
+    noMove?: boolean;
+    /** 最小宽度 */
+    minW?: number;
+    /** 最小高度 */
+    minH?: number;
+    /** 最大宽度 */
+    maxW?: number;
+    /** 最大高度 */
+    maxH?: number;
+    /** 自定义数据 */
+    [key: string]: any;
+}
+export interface LayoutProps {
+    /** 布局项列表 */
+    modelValue?: LayoutItem[];
+    /** 列数，默认为 12 */
+    column?: number;
+    /** 单元格高度（像素），默认为 60 */
+    cellHeight?: number;
+    /** 是否启用拖拽，默认为 true */
+    draggable?: boolean;
+    /** 是否启用调整大小，默认为 true */
+    resizable?: boolean;
+    /** 是否启用禁用模式，禁用模式下不能拖拽和调整大小 */
+    disable?: boolean;
+    /** 是否启用动画，默认为 true */
+    animate?: boolean;
+    /** 是否启用浮动布局，默认为 false */
+    float?: boolean;
+    /** 是否启用移除功能，默认为 false */
+    removable?: boolean;
+    /** 移除按钮选择器 */
+    removableOptions?: {
+        accept?: string;
+        appendTo?: string;
+    };
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: LayoutItem;
+        }): any;
+    };
+    refs: {
+        gridContainerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<LayoutProps, {
+    /** 添加布局项 */
+    addItem: (item: LayoutItem) => Promise<void>;
+    /** 移除布局项 */
+    removeItem: (id: string) => void;
+    /** 清空所有布局项 */
+    clear: () => void;
+    /** 获取 GridStack 实例 */
+    getGrid: () => GridStack | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dragStart: (event: Event, item: LayoutItem) => any;
+    dragStop: (event: Event, item: LayoutItem) => any;
+    "update:modelValue": (items: LayoutItem[]) => any;
+    added: (item: LayoutItem) => any;
+    removed: (item: LayoutItem) => any;
+    changed: (items: LayoutItem[]) => any;
+    resizeStart: (event: Event, item: LayoutItem) => any;
+    resizeStop: (event: Event, item: LayoutItem) => any;
+}, string, import('vue').PublicProps, Readonly<LayoutProps> & Readonly<{
+    onDragStart?: ((event: Event, item: LayoutItem) => any) | undefined;
+    onDragStop?: ((event: Event, item: LayoutItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((items: LayoutItem[]) => any) | undefined;
+    onAdded?: ((item: LayoutItem) => any) | undefined;
+    onRemoved?: ((item: LayoutItem) => any) | undefined;
+    onChanged?: ((items: LayoutItem[]) => any) | undefined;
+    onResizeStart?: ((event: Event, item: LayoutItem) => any) | undefined;
+    onResizeStop?: ((event: Event, item: LayoutItem) => any) | undefined;
+}>, {
+    animate: boolean;
+    modelValue: LayoutItem[];
+    draggable: boolean;
+    float: boolean;
+    column: number;
+    cellHeight: number;
+    resizable: boolean;
+    disable: boolean;
+    removable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    gridContainerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components-dui/utils/components.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 创建命名空间（用于兼容旧代码，新组件不需要）
+ * @param name 组件名
+ * @returns 包含 name 的对象
+ */
+export declare const createNamespace: (name: string) => {
+    name: string;
+};

package/dist/components-dui/utils/index.d.ts

@@ -0,0 +1,7 @@
+import { App, Component } from 'vue';
+export declare const withInstall: <T extends Component>(component: T, extra?: Component[]) => T & {
+    install: (app: App) => void;
+};
+export declare const buildShortUUID: (prefix?: string) => string;
+export declare const deepClone: (obj: any) => any;
+export declare const clearData: (data: any) => void;