@whcecw/maotu 0.0.28

package/dist/src/components/mt-edit/index.vue.d.ts

@@ -0,0 +1,65 @@
+import { IExportJson } from './components/types';
+
+type MtEditProps = {
+    useThumbnail?: boolean;
+    sopId?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MtEditProps>, {
+    useThumbnail: boolean;
+}>>, {
+    setImportJson: (exportJson: IExportJson) => boolean;
+    save: () => IExportJson;
+    lockCanvas: () => void;
+    unlockCanvas: () => void;
+    toggleLock: () => void;
+    getAllElementIds: () => string[];
+    saveSopSnapshot: (sopId?: string | undefined) => void;
+    applySopSnapshot: (sopId: string) => boolean;
+    hasSopSnapshot: (sopId: string) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onPreviewClick: (...args: any[]) => void;
+    onReturnClick: (...args: any[]) => void;
+    onSaveClick: (...args: any[]) => void;
+    onThumbnailClick: (...args: any[]) => void;
+    onCanvasBgClick: (...args: any[]) => void;
+    onFullscreenToggle: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MtEditProps>, {
+    useThumbnail: boolean;
+}>>> & Readonly<{
+    onOnPreviewClick?: ((...args: any[]) => any) | undefined;
+    onOnReturnClick?: ((...args: any[]) => any) | undefined;
+    onOnSaveClick?: ((...args: any[]) => any) | undefined;
+    onOnThumbnailClick?: ((...args: any[]) => any) | undefined;
+    onOnCanvasBgClick?: ((...args: any[]) => any) | undefined;
+    onOnFullscreenToggle?: ((...args: any[]) => any) | undefined;
+}>, {
+    useThumbnail: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    bottomPanel?(_: {}): any;
+    deviceBind?(_: {
+        item: any;
+    }): 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/mt-edit/store/cache.d.ts

@@ -0,0 +1,3 @@
+import { ICache } from './types';
+
+export declare const cacheStore: ICache;

package/dist/src/components/mt-edit/store/config.d.ts

@@ -0,0 +1,3 @@
+import { IConfig } from './types';
+
+export declare const configStore: IConfig;

package/dist/src/components/mt-edit/store/context-menu.d.ts

@@ -0,0 +1,3 @@
+import { IContextMenu } from './types';
+
+export declare const contextMenuStore: IContextMenu;

package/dist/src/components/mt-edit/store/global.d.ts

@@ -0,0 +1,3 @@
+import { IGlobalStore } from './types';
+
+export declare const globalStore: IGlobalStore;

package/dist/src/components/mt-edit/store/left-aside.d.ts

@@ -0,0 +1,3 @@
+import { ILeftAside } from './types';
+
+export declare const leftAsideStore: ILeftAside;

package/dist/src/components/mt-edit/store/types.d.ts

@@ -0,0 +1,238 @@
+export type ILeftAsideConfig = Map<string, ILeftAsideConfigItem[]>;
+export type ILeftAsideConfigItemPublicPropsType = 'input' | 'color' | 'select' | 'switch' | 'number' | 'jsonEdit' | 'textArea';
+export type ILeftAsideConfigItemPublicProps = Record<string, {
+    title: string;
+    type: ILeftAsideConfigItemPublicPropsType;
+    val: any;
+    options?: any;
+    disabled?: boolean;
+}>;
+export type ILeftAsideConfigItemPublicType = 'svg' | 'vue' | 'img' | 'custom-svg';
+export type ILeftAsideConfigItemPrivateType = 'group' | 'sys-line';
+export interface ILeftAsideConfigItemPublic {
+    id: string;
+    title: string;
+    type: ILeftAsideConfigItemPublicType | ILeftAsideConfigItemPrivateType;
+    thumbnail: string;
+    svg?: string;
+    props: ILeftAsideConfigItemPublicProps;
+}
+export interface ILeftAsideConfigItemPrivateSymbol {
+    symbol_id: string;
+    symbol_str: string;
+    width: string;
+    height: string;
+}
+export interface ICommonAnimations {
+    val: string;
+    delay: string;
+    speed: string;
+    repeat: string;
+}
+export interface ILeftAsideConfigItemPrivate {
+    symbol?: ILeftAsideConfigItemPrivateSymbol;
+    common_animations: ICommonAnimations;
+}
+export type ILeftAsideConfigItem = ILeftAsideConfigItemPublic & ILeftAsideConfigItemPrivate;
+export type GlobalStoreIntention = 'none' | 'create' | 'beginMulSelect' | 'adsorbStart' | 'adsorbEnd' | 'beginDragCanvas' | 'runDragCanvas' | 'endDragCanvas' | 'showContextMenu' | 'drawSysLineStart';
+export interface IGlobalStoreCreateItemInfo {
+    config_key: string;
+    item_id: string;
+}
+export interface IGlobalStoreCanvasCfg {
+    width: number;
+    height: number;
+    scale: number;
+    color: string;
+    img: string;
+    guide: boolean;
+    adsorp: boolean;
+    adsorp_diff: number;
+    transform_origin: {
+        x: number;
+        y: number;
+    };
+    drag_offset: {
+        x: number;
+        y: number;
+    };
+}
+export interface IGlobalStoreGridCfg {
+    enabled: boolean;
+    align: boolean;
+    size: number;
+}
+export type DoneJsonEventListType = 'click' | 'dblclick' | 'mouseover' | 'mouseout';
+export type DoneJsonEventListAction = 'changeAttr' | 'customCode';
+export interface IDoneJsonActionChangeAttr {
+    id: string;
+    target_id: string;
+    target_attr: string | undefined;
+    target_value: any;
+}
+export interface IDoneJsonEventList {
+    id: string;
+    type: DoneJsonEventListType;
+    action: DoneJsonEventListAction;
+    change_attr: IDoneJsonActionChangeAttr[];
+    custom_code: string;
+    trigger_rule: {
+        trigger_id?: string;
+        trigger_attr?: string;
+        operator?: string;
+        value?: any;
+    };
+}
+export interface IDoneJson {
+    id: string;
+    title: string;
+    type: ILeftAsideConfigItemPublicType | ILeftAsideConfigItemPrivateType;
+    symbol?: ILeftAsideConfigItemPrivateSymbol;
+    binfo: IDoneJsonBinfo;
+    props: ILeftAsideConfigItemPublicProps;
+    resize: boolean;
+    rotate: boolean;
+    lock: boolean;
+    active: boolean;
+    hide: boolean;
+    common_animations: ICommonAnimations;
+    use_proportional_scaling?: boolean;
+    children?: IDoneJson[];
+    tag?: string;
+    thumbnail?: string;
+    events: IDoneJsonEventList[];
+    sopId?: string;
+    isDelete?: boolean;
+}
+export interface IDoneJsonBinfo {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    angle: number;
+}
+export interface ISopSnapshotItem {
+    id: string;
+    title: string;
+    type: ILeftAsideConfigItemPublicType | ILeftAsideConfigItemPrivateType;
+    symbol?: ILeftAsideConfigItemPrivateSymbol;
+    binfo: IDoneJsonBinfo;
+    props: ILeftAsideConfigItemPublicProps;
+    resize: boolean;
+    rotate: boolean;
+    lock: boolean;
+    active: boolean;
+    hide: boolean;
+    common_animations: ICommonAnimations;
+    use_proportional_scaling?: boolean;
+    children?: ISopSnapshotItem[];
+    tag?: string;
+    thumbnail?: string;
+    events: IDoneJsonEventList[];
+    sopId?: string;
+    isDelete?: boolean;
+}
+export interface ISopSnapshot {
+    [sopId: string]: ISopSnapshotItem[];
+}
+export interface CacheBoundingBox {
+    id: string;
+    type: ILeftAsideConfigItemPublicType | ILeftAsideConfigItemPrivateType;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    bottom: number;
+    right: number;
+}
+export type AdsorbPointType = 'tc' | 'bc' | 'lc' | 'rc';
+export interface IContextMenuInfo {
+    title: string;
+    hot_key: string;
+    enable: boolean;
+}
+export type ContextMenuInfoType = 'copy' | 'paste' | 'delete' | 'group' | 'ungroup' | 'selectAll' | 'moveTop' | 'moveUp' | 'moveDown' | 'moveBottom';
+export interface IContextMenuDetail {
+    left: number;
+    top: number;
+    info: {
+        [key in ContextMenuInfoType]: IContextMenuInfo;
+    };
+}
+export interface IRealTimeData {
+    show: boolean;
+    text: string;
+}
+export interface IGlobalStore {
+    intention: GlobalStoreIntention;
+    create_item_info: IGlobalStoreCreateItemInfo | null;
+    done_json: IDoneJson[];
+    selected_items_id: string[];
+    canvasCfg: IGlobalStoreCanvasCfg;
+    gridCfg: IGlobalStoreGridCfg;
+    guideCfg: {
+        x: {
+            display: boolean;
+            top: number;
+        };
+        y: {
+            display: boolean;
+            left: number;
+        };
+    };
+    lock: boolean;
+    real_time_data: IRealTimeData;
+    adsorp_diff: {
+        x: number;
+        y: number;
+    };
+    sopSnapshot: ISopSnapshot;
+    setIntention: (val: GlobalStoreIntention) => void;
+    setCreateItemInfo: (val: IGlobalStoreCreateItemInfo | null) => void;
+    setGlobalStoreDoneJson: (val: IDoneJson[]) => void;
+    cancelAllSelect: () => void;
+    refreshSelectedItemsId: () => void;
+    deleteSelectedItems: () => void;
+    softDeleteSelectedItems: () => void;
+    restoreItems: (itemIds: string[]) => void;
+    setSingleSelect: (id: string) => void;
+    setSelectItems: (ids: string[]) => void;
+    setRealTimeData: (val: IRealTimeData) => void;
+}
+export interface ILeftAside {
+    config: ILeftAsideConfig;
+    registerConfig: (title: string, config: ILeftAsideConfigItemPublic[]) => void;
+}
+export interface ICache {
+    boundingBox: CacheBoundingBox[];
+    setBoundingBox: (val: CacheBoundingBox[]) => void;
+    adsorbPoint: {
+        type: AdsorbPointType;
+        x: number;
+        y: number;
+        id: string;
+    }[];
+    setAdsorbPoint: (val: {
+        type: AdsorbPointType;
+        x: number;
+        y: number;
+        id: string;
+    }[]) => void;
+    copy: IDoneJson[];
+    setCopy: (val: IDoneJson[]) => void;
+    history: IDoneJson[][];
+    historyIndex: number;
+    addHistory: (done_json: IDoneJson[]) => void;
+}
+export interface IConfig {
+    sysComponent: ILeftAsideConfigItem[];
+    lineRenderOffset: number;
+}
+/**
+ * 右键菜单
+ */
+export interface IContextMenu {
+    menuInfo: IContextMenuDetail;
+    setMenuInfo: (val: IContextMenuDetail) => void;
+    setDisplayItem: (val: ContextMenuInfoType[]) => void;
+}

package/dist/src/components/mt-edit/utils/index.d.ts

@@ -0,0 +1,206 @@
+import { MoveItemBoundingInfo } from '../components/render-core/types';
+import { CacheBoundingBox, IDoneJson, IDoneJsonBinfo, ILeftAsideConfigItemPublicProps } from '../store/types';
+
+export declare const createGroupInfo: (selected_items: IDoneJson[], canvas_dom: HTMLElement, scale_ratio: number, sopId?: string) => IDoneJson;
+/**
+ * 取消组合
+ * @param elements 元素列表
+ * @param editorRect 画布react信息
+ * @returns 拆分后的列表
+ */
+export declare const cancelGroup: (selected_item: IDoneJson, canvas_dom: HTMLElement, scale_ratio: number, grid_align_size: number) => {
+    active: boolean;
+    binfo: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+        angle: number;
+    };
+    id: string;
+    title: string;
+    type: import('../store/types').ILeftAsideConfigItemPublicType | import('../store/types').ILeftAsideConfigItemPrivateType;
+    symbol?: import('../store/types').ILeftAsideConfigItemPrivateSymbol | undefined;
+    props: ILeftAsideConfigItemPublicProps;
+    resize: boolean;
+    rotate: boolean;
+    lock: boolean;
+    hide: boolean;
+    common_animations: import('../store/types').ICommonAnimations;
+    use_proportional_scaling?: boolean | undefined;
+    children?: IDoneJson[] | undefined;
+    tag?: string | undefined;
+    thumbnail?: string | undefined;
+    events: import('../store/types').IDoneJsonEventList[];
+    sopId?: string | undefined;
+    isDelete?: boolean | undefined;
+}[];
+export declare const svgToSymbol: (svgStr: string, id: string) => {
+    symbol_str: string;
+    width: string;
+    height: string;
+};
+export declare const symbolGenSvg: (symbol_id: string, symbol_str: string, width: string, height: string, props_str: string) => string;
+export declare const svgToImgSrc: (svgStr: string) => string;
+/**
+ * 生成dom可用的属性字符串
+ * @param props
+ * @returns
+ */
+export declare const genDomPropstr: (props: ILeftAsideConfigItemPublicProps) => string;
+/**
+ * 生成随机字符串
+ * @param len 生成个数
+ */
+export declare const randomString: (len?: number) => string;
+/**
+ * 获取当前点击坐标 根据pc端和移动端获取
+ * @param e
+ * @returns
+ */
+export declare function getRealityXY(e: DragEvent | TouchEvent | MouseEvent, canvas_dom_rect: DOMRect | undefined): {
+    realityX: number;
+    realityY: number;
+};
+export declare const blobToBase64: (file: Blob) => Promise<unknown>;
+/**
+ * 根据坐标对齐到网格
+ * @param position 当前坐标
+ * @param grid 网格大小
+ * @returns 对应网格的坐标
+ */
+export declare const alignToGrid: (position: number, grid?: number) => number;
+/**
+ * json对象深拷贝
+ * @param object
+ * @param default_val
+ * @returns
+ */
+export declare const objectDeepClone: <T>(object: object, default_val?: any) => T;
+export declare const prosToVBind: (item: ILeftAsideConfigItemPublicProps) => {};
+/**
+ * 计算y轴参考线属性和需要吸附的偏移距离
+ * @param cacheStore_boundingBox
+ * @param adsorp_diff
+ * @param move_item_bounding_info
+ */
+export declare const calculateGuideY: (cacheStore_boundingBox: CacheBoundingBox[], adsorp_diff: number, move_item_bounding_info: MoveItemBoundingInfo[], canvas_bounding_info: DOMRect, scale: number) => {
+    y_info: {
+        display: boolean;
+        left: number;
+    };
+    move_x: number;
+};
+/**
+ * 计算x轴参考线属性和需要吸附的偏移距离
+ * @param cacheStore_boundingBox
+ * @param adsorp_diff
+ * @param move_item_bounding_info
+ */
+export declare const calculateGuideX: (cacheStore_boundingBox: CacheBoundingBox[], adsorp_diff: number, move_item_bounding_info: MoveItemBoundingInfo[], canvas_bounding_info: DOMRect, scale: number) => {
+    x_info: {
+        display: boolean;
+        top: number;
+    };
+    move_y: number;
+};
+/**
+ * 坐标数组转换成path路径
+ * @param position_arr
+ * @returns
+ */
+export declare const positionArrarToPath: (position_arr: {
+    x: number;
+    y: number;
+}[], offset_x?: number, offset_y?: number) => string;
+/**
+ * 取两点之间坐标
+ * @param x1
+ * @param y1
+ * @param x2
+ * @param y2
+ * @returns
+ */
+export declare const getCenterXY: (x1: number, y1: number, x2: number, y2: number) => {
+    x: number;
+    y: number;
+};
+/**
+ * 计算旋转之后的坐标
+ * @param x 旋转之前x坐标
+ * @param y 旋转之前y坐标
+ * @param centerX 旋转中心x坐标
+ * @param centerY 旋转中心y坐标
+ * @param angleRad 旋转角度
+ * @returns 旋转之后的xy坐标
+ */
+export declare const rotatePoint: (x: number, y: number, centerX: number, centerY: number, angleRad: number) => {
+    x: number;
+    y: number;
+};
+export declare const getRectCoordinate: (item: IDoneJsonBinfo) => {
+    topLeft: {
+        x: number;
+        y: number;
+    };
+    topRight: {
+        x: number;
+        y: number;
+    };
+    bottomLeft: {
+        x: number;
+        y: number;
+    };
+    bottomRight: {
+        x: number;
+        y: number;
+    };
+};
+export declare const getRectCenterCoordinate: (topLeft: {
+    x: any;
+    y: any;
+}, topRight: {
+    x: any;
+    y: any;
+}, bottomLeft: {
+    x: any;
+    y: any;
+}, bottomRight: {
+    x: any;
+    y: any;
+}) => {
+    topCenter: {
+        x: number;
+        y: number;
+    };
+    bottomCenter: {
+        x: number;
+        y: number;
+    };
+    leftCenter: {
+        x: number;
+        y: number;
+    };
+    rightCenter: {
+        x: number;
+        y: number;
+    };
+};
+export declare const handleAlign: (type: 'left' | 'horizontally' | 'right' | 'top' | 'vertically' | 'bottom' | 'horizontal-distribution' | 'vertical-distribution', selected_done_json: IDoneJson[], canvasDom: HTMLElement, scale: number, global_done_json: IDoneJson[]) => IDoneJson[];
+/**
+ * 设置图形属性
+ * @param id
+ * @param key
+ * @param val
+ * @param json_arr
+ * @returns
+ */
+export declare const setItemAttr: (id: string, key: string, val: any, json_arr: IDoneJson[]) => Promise<unknown>;
+export declare const getItemAttr: (id: string, key: string, json_arr: IDoneJson[]) => any;
+export declare const previewCompareVal: (val1: any, operator: '>' | '<' | '=' | '!=', val2: any) => boolean;
+/**
+ * 将事件转换成v-on
+ * @param item
+ * @returns
+ */
+export declare const eventToVOn: (item: IDoneJson) => {};

package/dist/src/components/mt-preview/index.d.ts

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

package/dist/src/components/mt-preview/index.vue.d.ts

@@ -0,0 +1,51 @@
+import { IExportJson } from '../mt-edit/components/types';
+
+type MtPreviewProps = {
+    exportJson?: IExportJson;
+    canZoom?: boolean;
+    canDrag?: boolean;
+    showPopover?: boolean;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MtPreviewProps>, {
+    canDrag: boolean;
+    canZoom: boolean;
+    showPopover: boolean;
+}>>, {
+    setItemAttrByID: (id: string, key: string, val: any) => Promise<unknown>;
+    setImportJson: (exportJson: IExportJson) => boolean;
+    setItemAttrs: (info: {
+        id: string;
+        key: string;
+        val: any;
+    }[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onEventCallBack: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MtPreviewProps>, {
+    canDrag: boolean;
+    canZoom: boolean;
+    showPopover: boolean;
+}>>> & Readonly<{
+    onOnEventCallBack?: ((...args: any[]) => any) | undefined;
+}>, {
+    showPopover: boolean;
+    canZoom: boolean;
+    canDrag: boolean;
+}, {}, {}, {}, 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/export.d.ts

@@ -0,0 +1,6 @@
+import { default as MtDzr } from './components/mt-dzr';
+import { default as MtEdit } from './components/mt-edit';
+import { default as MtPreview } from './components/mt-preview';
+import { leftAsideStore } from './components/mt-edit/store/left-aside';
+
+export { MtDzr, MtEdit, MtPreview, leftAsideStore };

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+

package/dist/src/router/index.d.ts

@@ -0,0 +1,11 @@
+export declare const constantRoutes: ({
+    path: string;
+    component: () => Promise<typeof import("../views/edit/index.vue")>;
+    name?: undefined;
+} | {
+    name: string;
+    path: string;
+    component: () => Promise<typeof import("../views/edit/index.vue")>;
+})[];
+declare const router: import('vue-router').Router;
+export default router;