@a2simcode/dui 0.0.1 → 0.0.2

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

@@ -0,0 +1,36 @@
+import { default as dragTool } from './src/tool.vue';
+import { default as dragContainer } from './src/container.vue';
+import { default as dragFormList } from './src/dragFormList.vue';
+import { default as dragIndexList } from './src/dragIndexList.vue';
+declare const DDrag: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/drag.vue').DragProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        componentData: import('./src/interface').DesignComponent;
+        isContainer: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refDrag: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./src/drag.vue').DragProps> & Readonly<{}>, {}, {}, {}, {}, {
+        componentData: import('./src/interface').DesignComponent;
+        isContainer: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./src/drag.vue').DragProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    componentData: import('./src/interface').DesignComponent;
+    isContainer: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: import('vue').App) => void;
+};
+export default DDrag;
+export { dragTool, dragContainer, dragFormList, dragIndexList };

package/dist/components-dui/drag/src/container.vue.d.ts

@@ -0,0 +1,40 @@
+import { DesignComponent } from './interface';
+type __VLS_Props = {
+    /**
+     * @zh 配置项
+     */
+    componentData?: DesignComponent;
+    /**
+     * @zh 是否是组件的容器
+     */
+    isComponentContainer?: boolean;
+    /**
+     * @zh 容器所在分类id
+     */
+    groupId?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        refDrag: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    groupId: string;
+    componentData: DesignComponent;
+    isComponentContainer: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    refDrag: 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/drag/src/drag.vue.d.ts

@@ -0,0 +1,29 @@
+import { DesignComponent } from './interface';
+export interface DragProps {
+    componentData?: DesignComponent;
+    isContainer?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        refDrag: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DragProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DragProps> & Readonly<{}>, {
+    componentData: DesignComponent;
+    isContainer: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    refDrag: 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/drag/src/dragFormList.vue.d.ts

@@ -0,0 +1,16 @@
+import { DesignComponent } from './interface';
+type __VLS_Props = {
+    /**
+     * @zh 配置项
+     */
+    componentList?: DesignComponent[];
+    /**
+     * @zh 全局配置
+     */
+    globalConfig?: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    componentList: DesignComponent[];
+    globalConfig: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components-dui/drag/src/dragIndexList.vue.d.ts

@@ -0,0 +1,16 @@
+import { DesignComponent } from './interface';
+type __VLS_Props = {
+    /**
+     * @zh 配置项
+     */
+    componentList?: DesignComponent[];
+    /**
+     * @zh 全局配置
+     */
+    globalConfig?: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    componentList: DesignComponent[];
+    globalConfig: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components-dui/drag/src/eventBus.d.ts

@@ -0,0 +1,4 @@
+declare const onEvent: (name: string, fn: any) => string;
+declare const emitEvent: (name: string, data: any) => any[];
+declare const offEvent: (name: string, id: string) => void;
+export { onEvent, emitEvent, offEvent };

package/dist/components-dui/drag/src/hooks/useDesign.d.ts

@@ -0,0 +1,11 @@
+import { DesignComponent } from '../interface';
+export declare const useDesign: (dragContainer: any, configRef: any, top: DesignComponent, componentInit: any, componentConfigInit: any, componentConfigs: Record<string, any[]>, componentsMap: Record<string, any>, containerAddComponent: any) => {
+    activedComponent: import('vue').Ref<any, any>;
+    clearComponents: () => void;
+    changeComponent: (type: string) => void;
+    schemaComponentDic: Record<string, DesignComponent>;
+    clearSelect: () => void;
+    addComponent: ({ name, type, dragType, isInput, componentName, runtimeType }: any, containerId: string, index: number, groupId: string, noSelect?: boolean) => DesignComponent | undefined;
+    addComponentByTable: (component: any) => void;
+    designComponentList: import('vue').ComputedRef<DesignComponent[]>;
+};

package/dist/components-dui/drag/src/hooks/useDrag.d.ts

@@ -0,0 +1,18 @@
+import { DesignComponent } from '../interface';
+import { ComputedRef } from 'vue';
+export declare const useDrag: (refDrag: any, componentData: DesignComponent, dragType: string, childComponents?: ComputedRef<Record<string, any>[]>, isComponentContainer?: boolean, groupId?: string) => {
+    onMouseenter: () => void;
+    onMouseleave: () => void;
+    activeComponent: () => void;
+    handleComponentClick: (id: string) => void;
+    deleteComponentByClick: (id: string) => void;
+    copyComponent: any;
+    getParentComponents: any;
+    isBottomToolBar: import('vue').Ref<boolean, boolean>;
+    isHover: import('vue').Ref<boolean, boolean>;
+    isSelect: import('vue').Ref<boolean, boolean>;
+    isToContainer: import('vue').Ref<boolean, boolean>;
+    isMoveingInTopLevel: import('vue').Ref<boolean, boolean>;
+    isTopActive: import('vue').Ref<boolean, boolean>;
+    isBottomActive: import('vue').Ref<boolean, boolean>;
+};

package/dist/components-dui/drag/src/hooks/useMouseEvent.d.ts

@@ -0,0 +1,6 @@
+export declare const useMouseEvent: (component: Record<string, any>, isTool: boolean) => {
+    onContextmenu: () => void;
+    onMousedown: (e: MouseEvent) => void;
+    onClick: () => void;
+    moveActive: import('vue').Ref<boolean, boolean>;
+};

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

@@ -0,0 +1,80 @@
+export interface DesignComponent {
+    /**
+     * @zh id
+     */
+    id: string;
+    /**
+     * @zh 组件名
+     */
+    name: string;
+    /**
+     * @zh 组件类型
+     */
+    type: string;
+    /**
+     * @zh 组件类型
+     */
+    dragType: string;
+    /**
+     * @zh 组件类型
+     */
+    componentName: string;
+    /**
+     * @zh 组件类型(表单实际运行组件)
+     */
+    runtimeType?: string;
+    /**
+     * @zh 所在容器id
+     */
+    containerId: string;
+    /**
+     * @zh 是否是输入组件
+     */
+    isInput: boolean;
+    /**
+     * @zhe 层级
+     */
+    level: number;
+    /**
+     * @zh 配置信息
+     */
+    config: Record<string, any>;
+    /**
+     * @zh 所在容器分类
+     */
+    groupId?: string;
+    /**
+     * @zh 子组件
+     */
+    children?: DesignComponent[];
+    /**
+     * @zh 是否是新增组件
+     */
+    isNewAdd?: boolean;
+}
+export interface ComponentTool {
+    /**
+     * @zh 组件名
+     */
+    name: string;
+    /**
+     * @zh 组件类型
+     */
+    type: string;
+    /**
+     * @zh 图标
+     */
+    icon: string;
+    /**
+     * @zh 拖拽类型
+     */
+    dragType: string;
+    /**
+     * @zh 组件名称
+     */
+    componentName: string;
+    /**
+     * @zh 是否是输入组件
+     */
+    isInput: boolean;
+}

package/dist/components-dui/drag/src/tool.vue.d.ts

@@ -0,0 +1,26 @@
+import { DesignComponent } from './interface';
+type __VLS_Props = {
+    /**
+     * @zh 配置项
+     */
+    config?: DesignComponent;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    config: DesignComponent;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/draggable/index.d.ts

@@ -0,0 +1,223 @@
+declare const DDraggable: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').DraggableProps> & Readonly<{
+        onFocus?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onBlur?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onOver?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onOut?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+    }>, {
+        setActive: (val: boolean) => void;
+        setLeft: (left: number) => void;
+        setTop: (top: number) => void;
+        setOverActive: (val: boolean) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        focus: (args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any;
+        blur: (args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any;
+        over: (args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any;
+        out: (args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any;
+    }, import('vue').PublicProps, {
+        top: number;
+        left: number;
+        mask: boolean;
+        disabled: boolean;
+        zIndex: string | number;
+        scale: number;
+        step: number;
+        resize: boolean;
+        readonly: boolean;
+        isActiveBgTransparent: boolean;
+        activeFlag: boolean;
+        isPt: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        wrapper: HTMLDivElement;
+        item: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('.').DraggableProps> & Readonly<{
+        onFocus?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onBlur?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onOver?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+        onOut?: ((args_0: {
+            index?: string | number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        }) => any) | undefined;
+    }>, {
+        setActive: (val: boolean) => void;
+        setLeft: (left: number) => void;
+        setTop: (top: number) => void;
+        setOverActive: (val: boolean) => void;
+    }, {}, {}, {}, {
+        top: number;
+        left: number;
+        mask: boolean;
+        disabled: boolean;
+        zIndex: string | number;
+        scale: number;
+        step: number;
+        resize: boolean;
+        readonly: boolean;
+        isActiveBgTransparent: boolean;
+        activeFlag: boolean;
+        isPt: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('.').DraggableProps> & Readonly<{
+    onFocus?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onBlur?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onOver?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onOut?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+}>, {
+    setActive: (val: boolean) => void;
+    setLeft: (left: number) => void;
+    setTop: (top: number) => void;
+    setOverActive: (val: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    blur: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    over: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    out: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+}, string, {
+    top: number;
+    left: number;
+    mask: boolean;
+    disabled: boolean;
+    zIndex: string | number;
+    scale: number;
+    step: number;
+    resize: boolean;
+    readonly: boolean;
+    isActiveBgTransparent: boolean;
+    activeFlag: boolean;
+    isPt: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: import('vue').App) => void;
+};
+export default DDraggable;
+export * from './src/draggable.vue';

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

@@ -0,0 +1,131 @@
+export interface DraggableProps {
+    /** @zh 序号 */
+    index?: string | number;
+    /** @zh 是否开启遮罩，默认为 true */
+    mask?: boolean;
+    /** @zh 缩放倍数，默认为 1 */
+    scale?: number;
+    /** @zh 完全只读，默认为 false */
+    readonly?: boolean;
+    /** @zh 是否允许调整 slot 大小，默认为 true */
+    resize?: boolean;
+    /** @zh 是否禁用，默认为 false */
+    disabled?: boolean;
+    /** @zh 调整刻度大小，默认为 1 */
+    step?: number;
+    /** @zh 样式层级，默认为 1 */
+    zIndex?: string | number;
+    /** @zh 选中组件，背景色设置半透明，默认为 false */
+    isActiveBgTransparent?: boolean;
+    /** @zh 距离画布左边距离，默认为 0 */
+    left?: number;
+    /** @zh 距离画布顶部距离，默认为 0 */
+    top?: number;
+    /** @zh 宽度，没有设置自动获取 */
+    width?: number;
+    /** @zh 高度，没有设置自动获取 */
+    height?: number;
+    /** @zh 是否是选中状态，默认为 false */
+    activeFlag?: boolean;
+    /** @zh 尺寸单位是否是 pt，默认为 false */
+    isPt?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        wrapper: HTMLDivElement;
+        item: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DraggableProps, {
+    setActive: (val: boolean) => void;
+    setLeft: (left: number) => void;
+    setTop: (top: number) => void;
+    setOverActive: (val: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    blur: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    over: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+    out: (args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<DraggableProps> & Readonly<{
+    onFocus?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onBlur?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onOver?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+    onOut?: ((args_0: {
+        index?: string | number;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }) => any) | undefined;
+}>, {
+    top: number;
+    left: number;
+    mask: boolean;
+    disabled: boolean;
+    zIndex: string | number;
+    scale: number;
+    step: number;
+    resize: boolean;
+    readonly: boolean;
+    isActiveBgTransparent: boolean;
+    activeFlag: boolean;
+    isPt: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+    item: 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;
+    };
+};