@meta2d/core 1.0.0

package/src/pen/model.js

@@ -0,0 +1,172 @@
+export var PenType;
+(function (PenType) {
+    PenType[PenType["Node"] = 0] = "Node";
+    PenType[PenType["Line"] = 1] = "Line";
+})(PenType || (PenType = {}));
+export var LockState;
+(function (LockState) {
+    LockState[LockState["None"] = 0] = "None";
+    LockState[LockState["DisableEdit"] = 1] = "DisableEdit";
+    LockState[LockState["DisableMove"] = 2] = "DisableMove";
+    LockState[LockState["DisableScale"] = 3] = "DisableScale";
+    LockState[LockState["DisableMoveScale"] = 4] = "DisableMoveScale";
+    // DisableActive,
+    LockState[LockState["Disable"] = 10] = "Disable";
+})(LockState || (LockState = {}));
+export var AnchorMode;
+(function (AnchorMode) {
+    AnchorMode[AnchorMode["Default"] = 0] = "Default";
+    AnchorMode[AnchorMode["In"] = 1] = "In";
+    AnchorMode[AnchorMode["Out"] = 2] = "Out";
+})(AnchorMode || (AnchorMode = {}));
+export var Gradient;
+(function (Gradient) {
+    Gradient[Gradient["None"] = 0] = "None";
+    Gradient[Gradient["Linear"] = 1] = "Linear";
+    Gradient[Gradient["Radial"] = 2] = "Radial";
+})(Gradient || (Gradient = {}));
+// export enum Flip {
+//   None, // 正常
+//   Horizontal, // 水平翻转
+//   Vertical, // 垂直翻转
+//   Both, // 全翻转
+// }
+// 修改哪些属性需要重现计算 textRect
+export var needCalcTextRectProps = [
+    'text',
+    'textWidth',
+    'textHeight',
+    'textLeft',
+    'textTop',
+    'fontFamily',
+    'fontSize',
+    'lineHeight',
+    'fontStyle',
+    'fontWeight',
+    'textAlign',
+    'textBaseline',
+    'whiteSpace',
+    'ellipsis',
+    'keepDecimal',
+];
+export var needSetPenProps = ['x', 'y', 'width', 'height'];
+export var needPatchFlagsPenRectProps = [
+    'paddingTop',
+    'paddingRight',
+    'paddingBottom',
+    'paddingLeft',
+    'flipX',
+    'flipY',
+    'visible',
+    'showChild',
+];
+export var needCalcIconRectProps = ['iconLeft', 'iconTop', 'iconRotate'];
+export var LineAnimateType;
+(function (LineAnimateType) {
+    LineAnimateType[LineAnimateType["Normal"] = 0] = "Normal";
+    LineAnimateType[LineAnimateType["Beads"] = 1] = "Beads";
+    LineAnimateType[LineAnimateType["Dot"] = 2] = "Dot";
+})(LineAnimateType || (LineAnimateType = {}));
+/**
+ * dom 类型的 图形
+ */
+export var isDomShapes = [
+    'gif',
+    'iframe',
+    'video',
+    'echarts',
+    'highcharts',
+    'lightningCharts',
+];
+// 格式刷同步的属性
+export var formatAttrs = new Set([
+    'borderRadius',
+    'rotate',
+    'paddingLeft',
+    'paddingRight',
+    'paddingTop',
+    'paddingBottom',
+    'progress',
+    'progressColor',
+    'verticalProgress',
+    // 'flip',
+    'flipX',
+    'flipY',
+    'input',
+    'lineDash',
+    'lineCap',
+    'lineJoin',
+    'strokeType',
+    'lineGradientFromColor',
+    'lineGradientToColor',
+    'lineGradientAngle',
+    'color',
+    'hoverColor',
+    'activeColor',
+    'lineWidth',
+    'bkType',
+    'gradientFromColor',
+    'gradientToColor',
+    'gradientAngle',
+    'gradientRadius',
+    'hoverBackground',
+    'activeBackground',
+    'globalAlpha',
+    'anchorColor',
+    'anchorRadius',
+    'shadowColor',
+    'shadowBlur',
+    'shadowOffsetX',
+    'shadowOffsetY',
+    'textHasShadow',
+    'fontFamily',
+    'fontSize',
+    'textColor',
+    'hoverTextColor',
+    'activeTextColor',
+    'textBackground',
+    'fontStyle',
+    'fontWeight',
+    'textAlign',
+    'textBaseline',
+    'lineHeight',
+    'whiteSpace',
+    'textWidth',
+    'textHeight',
+    'textLeft',
+    'textTop',
+    'ellipsis',
+    'hiddenText',
+    'keepDecimal',
+    'borderWidth',
+    'borderColor',
+    'lineWidth',
+    'lineAnimateType',
+    'frames',
+    'animateColor',
+    'animateType',
+    'animateReverse',
+]);
+/**
+ * 清空 pen 的 生命周期
+ */
+export function clearLifeCycle(pen) {
+    pen.onAdd = undefined;
+    pen.onValue = undefined;
+    pen.onBeforeValue = undefined;
+    pen.onDestroy = undefined;
+    pen.onMove = undefined;
+    pen.onResize = undefined;
+    pen.onRotate = undefined;
+    pen.onClick = undefined;
+    pen.onMouseEnter = undefined;
+    pen.onMouseLeave = undefined;
+    pen.onMouseDown = undefined;
+    pen.onMouseMove = undefined;
+    pen.onMouseUp = undefined;
+    pen.onShowInput = undefined;
+    pen.onInput = undefined;
+    pen.onChangeId = undefined;
+    pen.onBinds = undefined;
+}
+//# sourceMappingURL=model.js.map

package/src/pen/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../packages/core/src/pen/model.ts"],"names":[],"mappings":"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"}

package/src/pen/render.d.ts

@@ -0,0 +1,132 @@
+/// <reference types="offscreencanvas" />
+import { IValue, Pen } from './model';
+import { Direction } from '../data';
+import { Point } from '../point';
+import { Rect } from '../rect';
+import { Meta2dStore } from '../store';
+export declare function getParent(pen: Pen, root?: boolean): Pen;
+export declare function getAllChildren(pen: Pen, store: Meta2dStore): Pen[];
+export declare function drawImage(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+/**
+ * 获取文字颜色， textColor 优先其次 color
+ */
+export declare function getTextColor(pen: Pen, store: Meta2dStore): string;
+export declare function drawIcon(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+/**
+ * canvas2svg 中对 font 的解析规则比 canvas 中简单，能识别的类型很少
+ * @returns ctx.font
+ */
+export declare function getFont({ fontStyle, textDecoration, fontWeight, fontSize, fontFamily, lineHeight, }?: {
+    fontStyle?: string;
+    textDecoration?: string;
+    fontWeight?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    lineHeight?: number;
+}): string;
+export declare function ctxFlip(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+export declare function ctxRotate(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+export declare function renderPen(ctx: CanvasRenderingContext2D, pen: Pen): void;
+/**
+ * 更改 ctx 的 lineCap 属性
+ */
+export declare function setLineCap(ctx: CanvasRenderingContext2D, pen: Pen): void;
+/**
+ * 更改 ctx 的 lineJoin 属性
+ */
+export declare function setLineJoin(ctx: CanvasRenderingContext2D, pen: Pen): void;
+/**
+ * 通常用在下载 svg
+ * canvas2svg 与 canvas ctx 设置 strokeStyle 表现不同
+ * 若设置值为 undefined ，canvas2svg 为空， canvas ctx 为上一个值
+ */
+export declare function renderPenRaw(ctx: CanvasRenderingContext2D, pen: Pen, rect?: Rect): void;
+/**
+ * 根据 path2D 绘制 path
+ * @param canUsePath 是否可使用 Path2D, downloadSvg 不可使用 path2D
+ */
+export declare function ctxDrawPath(canUsePath: boolean, ctx: CanvasRenderingContext2D, pen: Pen, store: Meta2dStore, fill: boolean): void;
+/**
+ * 设置线条动画，ctx 的 strokeStyle lineDash 等属性更改
+ */
+export declare function setCtxLineAnimate(ctx: CanvasRenderingContext2D, pen: Pen, store: Meta2dStore): void;
+/**
+ * 全局 color
+ */
+export declare function getGlobalColor(store: Meta2dStore): string;
+export declare function renderLineAnchors(ctx: CanvasRenderingContext2D, pen: Pen): void;
+export declare function renderAnchor(ctx: CanvasRenderingContext2D, pt: Point, pen: Pen): void;
+export declare function calcWorldRects(pen: Pen): Rect;
+export declare function calcPadding(pen: Pen, rect: Rect): void;
+export declare function calcPenRect(pen: Pen): void;
+export declare function calcWorldAnchors(pen: Pen): void;
+export declare function calcWorldPointOfPen(pen: Pen, pt: Point): Point;
+export declare function calcIconRect(pens: {
+    [key: string]: Pen;
+}, pen: Pen): void;
+export declare function scalePen(pen: Pen, scale: number, center: Point): void;
+export declare function pushPenAnchor(pen: Pen, pt: Point): {
+    id: string;
+    penId: string;
+    x: number;
+    y: number;
+};
+export declare function addLineAnchor(pen: Pen, pt: Point, index: number): Point;
+export declare function removePenAnchor(pen: Pen, anchor: Point): void;
+export declare function facePen(pt: Point, pen?: Pen): Direction;
+export declare function nearestAnchor(pen: Pen, pt: Point): Point;
+export declare function translateLine(pen: Pen, x: number, y: number): void;
+export declare function deleteTempAnchor(pen: Pen): void;
+/**
+ * 添加line到pen的connectedLines中，并关联相关属性
+ * 不添加连线到画布中，请确保画布中已经有该连线。
+ * */
+export declare function connectLine(pen: Pen, anchor: Point, line: Pen, lineAnchor: Point): boolean;
+/**
+ * 从 pen.connectedLines 中删除 lineId 和 lineAnchor
+ */
+export declare function disconnectLine(pen: Pen, anchor: Point, line: Pen, lineAnchor: Point): boolean;
+export declare function getAnchor(pen: Pen, anchorId: string): Point;
+export declare function getFromAnchor(pen: Pen): Point;
+export declare function getToAnchor(pen: Pen): Point;
+export declare function setNodeAnimate(pen: Pen, now: number): true | 0;
+export declare function initPrevFrame(pen: Pen): void;
+export declare function setNodeAnimateProcess(pen: Pen, process: number): void;
+export declare function setLineAnimate(pen: Pen, now: number): true | 0;
+export declare function setChildrenActive(pen: Pen, active?: boolean): void;
+export declare function setHover(pen: Pen, hover?: boolean): void;
+export declare function setElemPosition(pen: Pen, elem: HTMLElement): void;
+/**
+ * 每个画笔 locked
+ * @param pens 画笔
+ * @returns
+ */
+export declare function getPensLock(pens: Pen[]): boolean;
+/**
+ * 画笔们的 disabledRotate = true
+ * 即 全部禁止旋转 返回 true
+ * @param pens 画笔
+ * @returns
+ */
+export declare function getPensDisableRotate(pens: Pen[]): boolean;
+export declare function rotatePen(pen: Pen, angle: number, rect: Rect): void;
+/**
+ * 画笔们的 disableSize = true
+ * 即 全部不允许改变大小 返回 true
+ * @param pens 画笔
+ * @returns
+ */
+export declare function getPensDisableResize(pens: Pen[]): boolean;
+export declare function getFrameValue(pen: Pen, prop: string, frameIndex: number): number;
+/**
+ * 判断该画笔 是否是组合为状态中 展示的画笔
+ */
+export declare function isShowChild(pen: Pen, store: Meta2dStore): boolean;
+/**
+ * 计算画笔的 inView
+ * @param pen 画笔
+ * @param calcChild 是否计算子画笔
+ */
+export declare function calcInView(pen: Pen, calcChild?: boolean): void;
+export declare function setGlobalAlpha(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+export declare function setChildValue(pen: Pen, data: IValue): void;