@meta2d/core 1.0.54 → 1.0.56

package/src/utils/object.ts

@@ -0,0 +1,23 @@
+// const obj = {a:{b:[0,1,2]}}
+// getter(obj, 'a.b.1')
+export function getter(object: any, path: string) {
+  if (path == undefined) {
+    return object;
+  }
+  const arr = path.split('.');
+  while (arr.length && (object = object[arr.shift()]));
+  return object;
+}
+
+// setter(obj, 'a.b.1', 111)
+export function setter(object: any, path: string, value: any) {
+  if (path == undefined) {
+    return;
+  }
+  path
+    .split('.')
+    .reduce(
+      (o, p, i) => (o[p] = path.split('.').length === ++i ? value : o[p] || {}),
+      object
+    );
+}

package/src/utils/padding.ts

@@ -0,0 +1,48 @@
+export type Padding = number | string | number[];
+
+/**
+ * turn padding into [top, right, bottom, left]
+ * @param  {Number|Array} padding input padding
+ * @return {array} output
+ */
+export const formatPadding = (padding: Padding): number[] => {
+  let top = 0;
+  let left = 0;
+  let right = 0;
+  let bottom = 0;
+
+  if (typeof padding === 'number') {
+    top = left = right = bottom = padding;
+  } else if (typeof padding === 'string') {
+    const intPadding = parseInt(padding, 10);
+    top = left = right = bottom = intPadding;
+  } else if (Array.isArray(padding)) {
+    top = padding[0];
+    right = !isNil(padding[1]) ? padding[1] : padding[0];
+    bottom = !isNil(padding[2]) ? padding[2] : padding[0];
+    left = !isNil(padding[3]) ? padding[3] : right;
+  }
+  return [top, right, bottom, left];
+};
+
+/**
+ * Checks if `value` is `null` or `undefined`.
+ *
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+ * @example
+ *
+ * isNil(null)
+ * // => true
+ *
+ * isNil(void 0)
+ * // => true
+ *
+ * isNil(NaN)
+ * // => false
+ */
+function isNil(value: unknown): value is null {
+  return value == null;
+}

package/src/utils/time.ts

@@ -0,0 +1,25 @@
+export function formatTime(format?: string) {
+  const weeks = ['天', '一', '二', '三', '四', '五', '六'];
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = now.getMonth() + 1;
+  const day = now.getDate();
+  const week = now.getDay();
+  const hours = now.getHours();
+  const minutes = now.getMinutes();
+  const seconds = now.getSeconds();
+  const fn = new Function(
+    'year',
+    'month',
+    'day',
+    'week',
+    'hours',
+    'minutes',
+    'seconds',
+    format
+      ? `return ${format}`
+      : 'return `${year}:${month}:${day} ${hours}:${minutes}:${seconds} 星期${week}`'
+  );
+  const time = fn(year, month, day, weeks[week], hours, minutes, seconds);
+  return time;
+}

package/src/utils/url.ts

@@ -0,0 +1,30 @@
+export function queryURLParams(value?: string) {
+  let url = value || window.location.search.split('?')[1];
+  const urlSearchParams = new URLSearchParams(url);
+  const params = Object.fromEntries(urlSearchParams.entries());
+  return params;
+}
+
+export const getRootDomain = () => {
+  let domain = '';
+  const domainItems = location.hostname.split('.');
+  if (
+    domainItems.length < 3 ||
+    (domainItems.length === 4 &&
+      +domainItems[0] > 0 &&
+      +domainItems[1] > 0 &&
+      +domainItems[2] > 0 &&
+      +domainItems[3] > 0)
+  ) {
+    domain = location.hostname;
+  } else if (
+    location.hostname.endsWith('.com.cn') ||
+    location.hostname.endsWith('.org.cn')
+  ) {
+    domain = domainItems.slice(-3).join('.');
+  } else {
+    domain = domainItems.slice(-2).join('.');
+  }
+
+  return domain;
+};

package/src/utils/uuid.ts

@@ -0,0 +1,15 @@
+export function s4() {
+  return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+}
+
+export function s8() {
+  return (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
+}
+
+export function s12() {
+  return s4() + s8();
+}
+
+export function s16() {
+  return s8() + s8();
+}

package/index.js

@@ -1,10 +0,0 @@
-export * from './src/core';
-export * from './src/options';
-export * from './src/data';
-export * from './src/utils';
-export * from './src/pen';
-export * from './src/rect';
-export * from './src/point';
-export * from './src/event';
-export * from './src/store';
-//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/src/canvas/canvas.d.ts

@@ -1,455 +0,0 @@
-import { Pen, IValue } from '../pen';
-import { Point } from '../point';
-import { Rect } from '../rect';
-import { EditAction, Fit, Meta2dStore } from '../store';
-import { Padding } from '../utils';
-import { HotkeyType, HoverType, MouseRight } from '../data';
-import { curve, mind, lineSegment } from '../diagrams';
-import { polyline } from '../diagrams/line/polyline';
-import { Tooltip } from '../tooltip';
-import { Scroll } from '../scroll';
-import { CanvasImage } from './canvasImage';
-import { MagnifierCanvas } from './magnifierCanvas';
-import { Meta2d } from '../core';
-import { Dialog } from '../dialog';
-import { Title } from '../title';
-import { CanvasTemplate } from './canvasTemplate';
-export declare const movingSuffix: "-moving";
-export declare class Canvas {
-    parent: Meta2d;
-    parentElement: HTMLElement;
-    store: Meta2dStore;
-    canvas: HTMLCanvasElement;
-    offscreen: HTMLCanvasElement;
-    width: number;
-    height: number;
-    externalElements: HTMLDivElement;
-    clientRect?: DOMRect;
-    canvasRect: Rect;
-    activeRect: Rect;
-    initActiveRect: Rect;
-    dragRect: Rect;
-    lastRotate: number;
-    sizeCPs: Point[];
-    activeInitPos: Point[];
-    hoverType: HoverType;
-    resizeIndex: number;
-    mouseDown: {
-        x: number;
-        y: number;
-        restore?: boolean;
-    };
-    hotkeyType: HotkeyType;
-    mouseRight: MouseRight;
-    addCaches: Pen[];
-    touchCenter?: Point;
-    initTouchDis?: number;
-    initScale?: number;
-    touchScaling?: boolean;
-    touchMoving?: boolean;
-    startTouches?: TouchList;
-    lastOffsetX: number;
-    lastOffsetY: number;
-    drawingLineName?: string;
-    drawLineFns: string[];
-    drawingLine?: Pen;
-    pencil?: boolean;
-    pencilLine?: Pen;
-    movingPens: Pen[];
-    patchFlagsLines?: Set<Pen>;
-    dock: {
-        xDock: Point;
-        yDock: Point;
-    };
-    prevAnchor: Point;
-    nextAnchor: Point;
-    private lastMouseTime;
-    private hoverTimer;
-    private fitTimer;
-    private willInactivePen;
-    patchFlags: boolean;
-    lastRender: number;
-    touchStart: number;
-    touchStartTimer: any;
-    timer: any;
-    private lastAnimateRender;
-    animateRendering: boolean;
-    renderTimer: number;
-    initPens?: Pen[];
-    pointSize: 8;
-    pasteOffset: boolean;
-    opening: boolean;
-    maxZindex: number;
-    canMoveLine: boolean;
-    randomIdObj: object;
-    keyOptions?: {
-        shiftKey?: boolean;
-        altKey?: boolean;
-        ctrlKey?: boolean;
-        metaKey?: boolean;
-    };
-    /**
-     * @deprecated 改用 beforeAddPens
-     */
-    beforeAddPen: (pen: Pen) => boolean;
-    beforeAddPens: (pens: Pen[]) => Promise<boolean>;
-    beforeAddAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
-    beforeRemovePens: (pens: Pen[]) => Promise<boolean>;
-    beforeRemoveAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
-    customResizeDock: (store: Meta2dStore, rect: Rect, pens: Pen[], resizeIndex: number) => {
-        xDock: Point;
-        yDock: Point;
-    };
-    customMoveDock: (store: Meta2dStore, rect: Rect, pens: Pen[], offset: Point) => {
-        xDock: Point;
-        yDock: Point;
-    };
-    inputParent: HTMLDivElement;
-    inputDiv: HTMLDivElement;
-    inputRight: HTMLDivElement;
-    dropdown: HTMLUListElement;
-    tooltip: Tooltip;
-    title: Title;
-    mousePos: Point;
-    scroll: Scroll;
-    movingAnchor: Point;
-    canvasTemplate: CanvasTemplate;
-    canvasImage: CanvasImage;
-    canvasImageBottom: CanvasImage;
-    magnifierCanvas: MagnifierCanvas;
-    dialog: Dialog;
-    autoPolylineFlag: boolean;
-    stopPropagation: (e: MouseEvent) => void;
-    constructor(parent: Meta2d, parentElement: HTMLElement, store: Meta2dStore);
-    curve: typeof curve;
-    polyline: typeof polyline;
-    mind: typeof mind;
-    line: typeof lineSegment;
-    listen(): void;
-    onCopy: (event: ClipboardEvent) => void;
-    onCut: (event: ClipboardEvent) => void;
-    onPaste: (event: ClipboardEvent) => void;
-    onwheel: (e: WheelEvent) => void;
-    onkeydown: (e: KeyboardEvent) => void;
-    /**
-     * 分割连线的锚点，变成两条线
-     * @param line 连线
-     * @param anchor 锚点，连线的某个锚点，引用相同
-     */
-    splitLine(line: Pen, anchor: Point): void;
-    private translateAnchor;
-    onkeyup: (e: KeyboardEvent) => void;
-    fileToPen(file: File, isGif: boolean): Promise<Pen>;
-    ondrop: (event: DragEvent) => Promise<void>;
-    dropPens(pens: Pen[], e: Point): Promise<void>;
-    randomCombineId(pen: Pen, pens: Pen[], parentId?: string): Pen;
-    addPens(pens: Pen[], history?: boolean): Promise<Pen[]>;
-    ontouchstart: (e: TouchEvent) => void;
-    ontouchmove: (event: TouchEvent) => void;
-    ontouchend: (event: TouchEvent) => void;
-    onGesturestart: (e: any) => void;
-    /**
-     * 获取初始化的 pencilLine
-     * @param pt 需包含 penId
-     */
-    private getInitPencilLine;
-    /**
-     * 获取初始化的 drawingLine
-     * @param pt 需包含 penId
-     */
-    private createDrawingLine;
-    onMouseDown: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }) => void;
-    onMouseMove: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }) => void;
-    onMouseUp: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-        button?: number;
-    }) => void;
-    private addRuleLine;
-    clearRuleLines(): void;
-    get ruleLines(): Pen[];
-    /**
-     * @description 调整pen的坐标，让pen按照网格自动对齐
-     * @author Joseph Ho
-     * @date 14/11/2023
-     * @memberof Canvas
-     */
-    alignPenToGrid(pen: Pen): void;
-    /**
-     * 拖拽结束，数据更新到 active.pens
-     */
-    private movedActivePens;
-    /**
-     * 复制移动后的笔
-     */
-    private copyMovedPens;
-    /**
-     * 若本次改变的画笔存在图片，并且在上层 or 下层，需要擦除上层 or 下层
-     * 子节点中包含图片，也需要重绘
-     * @param pens 本次改变的 pens
-     */
-    initImageCanvas(pens: Pen[]): void;
-    initTemplateCanvas(pens: Pen[]): void;
-    private hasImage;
-    private clearDock;
-    inactive(drawing?: boolean): void;
-    active(pens: Pen[], emit?: boolean): void;
-    getSizeCPs(): void;
-    getSpecialAngle(to: Point, last: Point): void;
-    onResize: () => void;
-    onScroll: () => void;
-    calibrateMouse: (pt: Point) => Point;
-    clearHover(): void;
-    private getContainerHover;
-    private getHover;
-    private inPens;
-    private dockInAnchor;
-    inAnchor(pt: Point, pen: Pen, anchor: Point): HoverType;
-    resize(w?: number, h?: number): void;
-    clearCanvas(): void;
-    addPen(pen: Pen, history?: boolean, emit?: boolean): Promise<Pen>;
-    pushHistory(action: EditAction): void;
-    undo(): void;
-    redo(): void;
-    activeHistory(): void;
-    doEditAction(action: EditAction, undo: boolean): void;
-    makePen(pen: Pen): void;
-    drawline(mouse?: Point): void;
-    initLineRect(pen: Pen): void;
-    drawingPencil(): void;
-    stopPencil(): void;
-    finishDrawline(end?: boolean): Promise<void>;
-    finishPencil(): Promise<void>;
-    /**
-     * 火狐浏览器无法绘制 svg 不存在 width height 的问题
-     * 此方法手动添加 width 和 height 解决火狐浏览器绘制 svg
-     * @param pen
-     */
-    private firefoxLoadSvg;
-    loadImage(pen: Pen): void;
-    private imageTimer;
-    imageLoaded(): void;
-    private templateImageTimer;
-    templateImageLoaded(): void;
-    setCalculativeByScale(pen: Pen): void;
-    updatePenRect(pen: Pen, { worldRectIsReady, playingAnimate, }?: {
-        worldRectIsReady?: boolean;
-        playingAnimate?: boolean;
-        noChildren?: boolean;
-    }): void;
-    render: (patchFlags?: number | boolean) => void;
-    renderPens: () => void;
-    private renderPenContainChild;
-    renderBorder: () => void;
-    renderHoverPoint: () => void;
-    translate(x?: number, y?: number): void;
-    onMovePens(): void;
-    /**
-     * 缩放整个画布
-     * @param scale 缩放比例，最终的 data.scale
-     * @param center 中心点，引用类型，存在副作用，会更改原值
-     */
-    scale(scale: number, center?: {
-        x: number;
-        y: number;
-    }): void;
-    templateScale(scale: number, center?: {
-        x: number;
-        y: number;
-    }): void;
-    rotatePens(e: Point): void;
-    resizePens(e: Point): void;
-    movePens(e: {
-        x: number;
-        y: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }): void;
-    /**
-     * 初始化移动，更改画笔的 id parentId 等关联关系
-     * @param pen 要修改的画笔
-     * @param pens 本次操作的画笔们，包含子画笔
-     */
-    private changeIdsByMoving;
-    /**
-     * 初始化 this.movingPens
-     * 修改 ids （id parentId children 等）
-     * 半透明，去图片
-     */
-    initMovingPens(): void;
-    moveLineAnchor(pt: {
-        x: number;
-        y: number;
-    }, keyOptions: {
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }): void;
-    moveLineAnchorPrev(e: {
-        x: number;
-        y: number;
-    }): void;
-    moveLineAnchorNext(e: {
-        x: number;
-        y: number;
-    }): void;
-    setAnchor(e: {
-        x: number;
-        y: number;
-    }): Promise<void>;
-    /**
-     * 连线允许移动，若与其它图形有连接，但其它图形不在此次移动中，会断开连接
-     * @param line 连线
-     * @param pens 本次移动的全部图形，包含子节点
-     */
-    private checkDisconnect;
-    /**
-     * 移动 画笔们
-     * @param pens 画笔们，不包含子节点
-     * @param x 偏移 x
-     * @param y 偏移 y
-     * @param doing 是否持续移动
-     */
-    translatePens(pens: Pen[], x: number, y: number, doing?: boolean): void;
-    /**
-     * 移动 画笔们
-     * @param pens 画笔们，不包含子节点
-     * @param x 偏移 x
-     * @param y 偏移 y
-     * @param doing 是否持续移动
-     */
-    templateTranslatePens(pens: Pen[], x: number, y: number): void;
-    private calcAutoAnchor;
-    restoreNodeAnimate(pen: Pen): void;
-    updateLines(pen: Pen, change?: boolean): void;
-    calcActiveRect(): void;
-    /**
-     * 旋转当前画笔包括子节点
-     * @param pen 旋转的画笔
-     * @param angle 本次的旋转值，加到 pen.calculative.rotate 上
-     */
-    rotatePen(pen: Pen, angle: number, rect: Rect): void;
-    nextAnimate(pen: Pen): void;
-    getFrameProps(pen: Pen): {};
-    animate(): void;
-    get clipboardName(): string;
-    copy(pens?: Pen[], emit?: boolean): Promise<void>;
-    cut(pens?: Pen[]): void;
-    paste(): Promise<void>;
-    /**
-     * 获取 pens 列表中的所有节点（包含子节点）
-     * @param pens 不包含子节点
-     */
-    getAllByPens(pens: Pen[]): Pen[];
-    getAllFollowersByPens(pens: Pen[], deep?: boolean): Pen[];
-    setFollowers(pens?: Pen[]): void;
-    /**
-     *
-     * @param pen 当前复制的画笔
-     * @param parentId 父节点 id
-     * @param clipboard 本次复制的全部画笔，包含子节点, 以及 origin 和 scale
-     * @returns 复制后的画笔
-     */
-    private pastePen;
-    /**
-     * 修改对应连线的 anchors
-     * @param oldId 老 id
-     * @param pen 节点
-     * @param pastePens 本次复制的 pens 包含子节点
-     */
-    changeLineAnchors(oldId: string, pen: Pen, pastePens: Pen[]): void;
-    /**
-     * 复制连线的过程，修改 与 此线连接 node 的 connectedLines
-     * @param oldId 线原 id
-     * @param line 线
-     * @param pastePens 此处复制的全部 pens (包含子节点)
-     */
-    changeNodeConnectedLine(oldId: string, line: Pen, pastePens: Pen[]): void;
-    delete(pens?: Pen[], canDelLocked?: boolean, history?: boolean): Promise<void>;
-    private _del;
-    getDelPens(pen: Pen, delPens: Pen[]): void;
-    private getLockedParent;
-    delForce(pen: Pen): void;
-    private delConnectedLines;
-    private ondblclick;
-    showInput: (pen: Pen, rect?: Rect, background?: string) => void;
-    setInputStyle: (pen: Pen) => void;
-    convertSpecialCharacter(str: any): any;
-    hideInput: () => void;
-    private createInput;
-    clearDropdownList(): void;
-    private setDropdownList;
-    /**
-     * 添加一个选项到 dropdown dom 中
-     * @param text 选项文字
-     * @param index 选项索引
-     */
-    private dropdownAppendOption;
-    private selectDropdown;
-    find(idOrTag: string): Pen[];
-    findOne(idOrTag: string): Pen | undefined;
-    changePenId(oldId: string, newId: string): void;
-    updateValue(pen: Pen, data: IValue): void;
-    /**
-     * 执行 pen ，以及 pen 的子孙节点的 onResize 生命周期函数
-     */
-    private execPenResize;
-    setPenRect(pen: Pen, rect: Rect, render?: boolean): void;
-    getPenRect(pen: Pen, origin?: Point, scale?: number): {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    toPng(padding?: Padding, callback?: BlobCallback, containBkImg?: boolean, maxWidth?: number): string;
-    activeToPng(padding?: Padding, maxWidth?: number): string;
-    pensToPng(pens?: Pen[], padding?: Padding, maxWidth?: number): string;
-    toggleAnchorMode(): void;
-    addAnchorHand(): void;
-    removeAnchorHand(): void;
-    toggleAnchorHand(): void;
-    gotoView(x: number, y: number): void;
-    showMagnifier(): void;
-    hideMagnifier(): void;
-    private inFitBorder;
-    showFit(): void;
-    hideFit(): void;
-    makeFit(): void;
-    updateFit(e: any): void;
-    updateFitRect(fit?: Fit): void;
-    deleteFit(fit?: Fit): void;
-    calcuActiveFit(): void;
-    toggleMagnifier(): void;
-    destroy(): void;
-}