@meta2d/core 1.0.56 → 1.0.57

package/src/pen/model.d.ts

@@ -0,0 +1,514 @@
+import { Point } from '../point';
+import { Rect } from '../rect';
+import { Event, RealTime, Trigger } from '../event';
+import { Canvas } from '../canvas';
+export declare enum PenType {
+    Node = 0,
+    Line = 1
+}
+export declare enum LockState {
+    None = 0,
+    DisableEdit = 1,
+    DisableMove = 2,
+    DisableScale = 3,//仅占位
+    DisableMoveScale = 4,
+    Disable = 10
+}
+export declare enum AnchorMode {
+    Default = 0,
+    In = 1,
+    Out = 2
+}
+export declare enum Gradient {
+    None = 0,// 没有渐变
+    Linear = 1,// 线性渐变
+    Radial = 2
+}
+export declare enum CanvasLayer {
+    CanvasTemplate = 1,//模版层
+    CanvasImageBottom = 2,//底部图片层
+    CanvasMain = 3,//主画布层
+    CanvasImage = 4
+}
+export declare const needCalcTextRectProps: string[];
+export declare const needSetPenProps: string[];
+export declare const needPatchFlagsPenRectProps: string[];
+export declare const needCalcIconRectProps: string[];
+export interface ConnectLine {
+    lineId: string;
+    lineAnchor: string;
+    anchor: string;
+}
+export type TextAlign = 'left' | 'center' | 'right';
+export type TextBaseline = 'top' | 'middle' | 'bottom';
+export type WhiteSpace = 'nowrap' | 'pre-line' | 'break-all' | '';
+export type IValue = Pen & Partial<ChartData> & Partial<Record<'tag' | 'newId', string>> & {
+    [key: string]: any;
+};
+export type Dropdown = string | IValue;
+export declare enum LineAnimateType {
+    Normal = 0,// 水流
+    Beads = 1,// 水珠流动
+    Dot = 2,// 圆点
+    Arrow = 3,// 箭头,
+    WaterDrop = 4
+}
+export interface ColorStop {
+    i: number;
+    color: string;
+}
+export interface Pen extends Rect {
+    id?: string;
+    tags?: string[];
+    parentId?: string;
+    type?: PenType;
+    name?: string;
+    lineName?: string;
+    borderRadius?: number;
+    visible?: boolean;
+    locked?: LockState;
+    close?: boolean;
+    length?: number;
+    title?: string;
+    titleFnJs?: string;
+    titleFn?: (pen: Pen) => string;
+    lineWidth?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    globalAlpha?: number;
+    lineDash?: number[];
+    lineDashOffset?: number;
+    color?: string;
+    background?: string;
+    anchorColor?: string;
+    hoverAnchorColor?: string;
+    hoverColor?: string;
+    hoverBackground?: string;
+    activeColor?: string;
+    activeBackground?: string;
+    mouseDownValid?: boolean;
+    mouseDownColor?: string;
+    mouseDownBackground?: string;
+    bkType?: Gradient;
+    /**
+     * @deprecated 改用 gradientColors
+     */
+    gradientFromColor?: string;
+    /**
+     * @deprecated 改用 gradientColors
+     */
+    gradientToColor?: string;
+    /**
+     * @deprecated 改用 gradientColors
+     */
+    gradientAngle?: number;
+    gradientRadius?: number;
+    strokeType?: Gradient;
+    /**
+     * @deprecated 改用 lineGradientColors
+     */
+    lineGradientFromColor?: string;
+    /**
+     * @deprecated 改用 lineGradientColors
+     */
+    lineGradientToColor?: string;
+    /**
+     * @deprecated 改用 lineGradientColors
+     */
+    lineGradientAngle?: number;
+    gradientColors?: string;
+    lineGradientColors?: string;
+    lineCap?: CanvasLineCap;
+    fromLineCap?: CanvasLineCap;
+    toLineCap?: CanvasLineCap;
+    lineJoin?: CanvasLineJoin;
+    shadowColor?: string;
+    shadowBlur?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    textHasShadow?: boolean;
+    text?: string;
+    textWidth?: number;
+    textHeight?: number;
+    textLeft?: number;
+    textTop?: number;
+    textColor?: string;
+    hoverTextColor?: string;
+    activeTextColor?: string;
+    fontFamily?: string;
+    fontSize?: number;
+    lineHeight?: number;
+    fontStyle?: string;
+    fontWeight?: string;
+    textAlign?: TextAlign;
+    textBaseline?: TextBaseline;
+    textBackground?: string;
+    whiteSpace?: WhiteSpace;
+    ellipsis?: boolean;
+    image?: string;
+    icon?: string;
+    iconRotate?: number;
+    iconWidth?: number;
+    iconHeight?: number;
+    iconTop?: number;
+    iconLeft?: number;
+    iconColor?: string;
+    iconFamily?: string;
+    iconWeight?: string;
+    iconSize?: number;
+    iconAlign?: 'top' | 'bottom' | 'left' | 'right' | 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom' | 'center';
+    imageRatio?: boolean;
+    disableInput?: boolean;
+    disableRotate?: boolean;
+    disableSize?: boolean;
+    disableAnchor?: boolean;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    backgroundImage?: string;
+    strokeImage?: string;
+    children?: string[];
+    followers?: string[];
+    anchors?: Point[];
+    anchorRadius?: number;
+    anchorBackground?: string;
+    pathId?: string;
+    path?: string;
+    fromArrow?: string;
+    toArrow?: string;
+    fromArrowSize?: number;
+    toArrowSize?: number;
+    fromArrowColor?: string;
+    toArrowColor?: string;
+    autoFrom?: boolean;
+    autoTo?: boolean;
+    connectedLines?: ConnectLine[];
+    animateCycle?: number;
+    nextAnimate?: string;
+    autoPlay?: boolean;
+    playLoop?: boolean;
+    duration?: number;
+    linear?: boolean;
+    scale?: number;
+    animateSpan?: number;
+    animateColor?: string;
+    animateLineDash?: number[];
+    animateReverse?: boolean;
+    keepAnimateState?: boolean;
+    lineAnimateType?: LineAnimateType;
+    frames?: Pen[];
+    animateList?: Pen[][];
+    animateInterval?: number;
+    animateShadow?: boolean;
+    animateShadowColor?: string;
+    animateShadowBlur?: number;
+    input?: boolean;
+    dropdownList?: Dropdown[];
+    events?: Event[];
+    iframe?: string;
+    video?: string;
+    audio?: string;
+    progress?: number;
+    progressColor?: string;
+    verticalProgress?: boolean;
+    reverseProgress?: boolean;
+    progressGradientColors?: string;
+    externElement?: boolean;
+    autoPolyline?: boolean;
+    flipX?: boolean;
+    flipY?: boolean;
+    fillTexts?: string[];
+    hiddenText?: boolean;
+    keepDecimal?: number;
+    showChild?: number;
+    animateDotSize?: number;
+    isRuleLine?: boolean;
+    /**
+    * @deprecated 改用 canvasLayer
+    */
+    isBottom?: boolean;
+    canvasLayer?: CanvasLayer;
+    form?: FormItem[];
+    lockedOnCombine?: LockState;
+    ratio?: boolean;
+    animateLineWidth?: number;
+    lineSmooth?: number;
+    gradientSmooth?: number;
+    scrolling?: string;
+    animations?: any[];
+    currentAnimation?: number;
+    realTimes?: RealTime[];
+    triggers?: Trigger[];
+    crossOrigin?: string;
+    imageRadius?: number;
+    textFlip?: boolean;
+    textRotate?: boolean;
+    textAutoAdjust?: boolean;
+    dbInput?: boolean;
+    operationalRect?: Rect;
+    blur?: number;
+    blurBackground?: string;
+    /**
+     * @deprecated 改用 canvasLayer
+     */
+    template?: boolean;
+    thumbImg?: string;
+    apiUrl?: string;
+    apiMethod?: string;
+    apiHeaders?: any;
+    apiBody?: any;
+    apiEnable?: boolean;
+    container?: boolean;
+    disabled?: boolean;
+    disabledColor?: string;
+    disabledBackground?: string;
+    disabledTextColor?: string;
+    inputType?: string;
+    deviceId?: string;
+    pivot?: Point;
+    noOnBinds?: boolean;
+    interaction?: boolean;
+    childHover?: boolean;
+    childActive?: boolean;
+    calculative?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+        borderRadius?: number;
+        progress?: number;
+        progressColor?: string;
+        progressGradientColors?: string;
+        worldRect?: Rect;
+        worldAnchors?: Point[];
+        worldIconRect?: Rect;
+        worldTextRect?: Rect;
+        textDrawRect?: Rect;
+        svgRect?: Rect;
+        initRect?: Rect;
+        initRelativeRect?: Rect;
+        childrenVisible?: any;
+        rotate?: number;
+        lineWidth?: number;
+        borderWidth?: number;
+        borderColor?: string;
+        globalAlpha?: number;
+        lineDash?: number[];
+        lineDashOffset?: number;
+        color?: string;
+        background?: string;
+        bkType?: number;
+        /**
+         * @deprecated 改用 gradientColors
+         */
+        gradientFromColor?: string;
+        /**
+         * @deprecated 改用 gradientColors
+         */
+        gradientToColor?: string;
+        /**
+         * @deprecated 改用 gradientColors
+         */
+        gradientAngle?: number;
+        gradientRadius?: number;
+        strokeType?: Gradient;
+        /**
+         * @deprecated 改用 lineGradientColors
+         */
+        lineGradientFromColor?: string;
+        /**
+         * @deprecated 改用 lineGradientColors
+         */
+        lineGradientToColor?: string;
+        /**
+         * @deprecated 改用 lineGradientColors
+         */
+        lineGradientAngle?: number;
+        shadowColor?: string;
+        shadowBlur?: number;
+        shadowOffsetX?: number;
+        shadowOffsetY?: number;
+        textHasShadow?: boolean;
+        tempText?: string;
+        text?: string;
+        textWidth?: number;
+        textHeight?: number;
+        textLeft?: number;
+        textTop?: number;
+        textColor?: string;
+        textType?: Gradient;
+        textGradientColors?: string;
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        fontStyle?: string;
+        fontWeight?: string;
+        textBackground?: string;
+        iconSize?: number;
+        icon?: string;
+        iconRotate?: number;
+        iconWidth?: number;
+        iconHeight?: number;
+        iconTop?: number;
+        iconLeft?: number;
+        iconColor?: string;
+        iconFamily?: string;
+        iconWeight?: string;
+        paddingTop?: number;
+        paddingBottom?: number;
+        paddingLeft?: number;
+        paddingRight?: number;
+        textLines?: string[];
+        textLineWidths?: number[];
+        image?: string;
+        img?: HTMLImageElement;
+        imgNaturalWidth?: number;
+        imgNaturalHeight?: number;
+        backgroundImage?: string;
+        strokeImage?: string;
+        backgroundImg?: HTMLImageElement;
+        strokeImg?: HTMLImageElement;
+        active?: boolean;
+        focus?: boolean;
+        hover?: boolean;
+        mouseDown?: boolean;
+        containerHover?: boolean;
+        isDock?: boolean;
+        pencil?: boolean;
+        activeAnchor?: Point;
+        patchFlags?: boolean;
+        visible?: boolean;
+        inView?: boolean;
+        drawlineH?: boolean;
+        hasImage?: boolean;
+        imageDrawed?: boolean;
+        /**
+         * @deprecated 改用 canvasLayer
+         */
+        isBottom?: boolean;
+        canvasLayer?: CanvasLayer;
+        scale?: number;
+        start?: number;
+        duration?: number;
+        end?: number;
+        frameIndex?: number;
+        frameStart?: number;
+        frameEnd?: number;
+        frameDuration?: number;
+        animatePos?: number;
+        cycleIndex?: number;
+        pause?: number;
+        layer?: number;
+        canvas?: Canvas;
+        iframe?: string;
+        video?: string;
+        audio?: string;
+        media?: HTMLMediaElement;
+        flipX?: boolean;
+        flipY?: boolean;
+        h?: boolean;
+        hiddenText?: boolean;
+        keepDecimal?: number;
+        showChild?: number;
+        animateDotSize?: number;
+        zIndex?: number;
+        onended?: (pen: Pen) => void;
+        singleton?: any;
+        gradientColors?: string;
+        lineGradientColors?: string;
+        gradient?: CanvasGradient;
+        lineGradient?: CanvasGradient;
+        radialGradient?: CanvasGradient;
+        gradientColorStop?: ColorStop[];
+        gradientTimer?: any;
+        animateLineWidth?: number;
+        lineSmooth?: number;
+        gradientSmooth?: number;
+        gradientAnimatePath?: Path2D;
+        cssDisplay?: string;
+        animations?: any[];
+        imageRadius?: number;
+        disabled?: boolean;
+        disabledColor?: string;
+        disabledBackground?: string;
+        disabledTextColor?: string;
+    };
+    lastConnected?: any;
+    textDecoration?: string;
+    textDecorationDash?: number[];
+    textDecorationColor?: string;
+    textStrickoutColor?: string;
+    textStrickoutDash?: number[];
+    textStrickout?: boolean;
+    prevFrame?: Pen;
+    onAdd?: (pen: Pen) => void;
+    onValue?: (pen: Pen) => void;
+    onBeforeValue?: (pen: Pen, value: ChartData) => any;
+    onDestroy?: (pen: Pen) => void;
+    onMove?: (pen: Pen) => void;
+    onResize?: (pen: Pen) => void;
+    onRotate?: (pen: Pen) => void;
+    onScale?: (pen: Pen) => void;
+    onClick?: (pen: Pen, e: Point) => void;
+    onMouseEnter?: (pen: Pen, e: Point) => void;
+    onMouseLeave?: (pen: Pen, e: Point) => void;
+    onMouseDown?: (pen: Pen, e: Point) => void;
+    onMouseMove?: (pen: Pen, e: Point) => void;
+    onMouseUp?: (pen: Pen, e: Point) => void;
+    onShowInput?: (pen: Pen, e: Point) => void;
+    onInput?: (pen: Pen, text: string) => void;
+    onChangeId?: (pen: Pen, oldId: string, newId: string) => void;
+    onBinds?: (pen: Pen, values: IValue[], formItem: FormItem) => IValue;
+    onStartVideo?: (pen: Pen) => void;
+    onPauseVideo?: (pen: Pen) => void;
+    onStopVideo?: (pen: Pen) => void;
+    onRenderPenRaw?: (pen: Pen) => void;
+    onKeyDown?: (pen: Pen, key: string) => void;
+    onWheel?: (pen: Pen, e: WheelEvent) => void;
+    onContextmenu?: (pen: Pen, e: Point) => void;
+    onConnectLine?: (line: Pen, e: {
+        lineAnchor: Point;
+        fromAnchor: Point;
+        line: Pen;
+        anchor: Point;
+        pen: Pen;
+        fromPen: Pen;
+    }) => void;
+}
+export interface FormItem {
+    key: string;
+    /**
+     * 单属性绑定单变量 或 绑定多变量
+     * 为数组时，顺序不重要
+     */
+    dataIds?: BindId | BindId[];
+}
+export type BindId = {
+    dataId: string;
+    name: string;
+};
+/**
+ * 图表追加或替换数据，只关注数据
+ */
+export interface ChartData {
+    dataX: any | any[];
+    dataY: any | any[];
+    /**
+     * @deprecated 旧版本，未来移除该属性
+     */
+    overwrite?: boolean;
+}
+/**
+ * dom 类型的 图形
+ */
+export declare const isDomShapes: string[];
+/**
+ *  交互图元
+ */
+export declare const isInteraction: string[];
+export declare const formatAttrs: Set<string>;
+/**
+ * 清空 pen 的 生命周期
+ */
+export declare function clearLifeCycle(pen: Pen): void;

package/src/pen/model.js

@@ -0,0 +1,210 @@
+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 = {}));
+//所在画布层 值和画布zIndex对应
+export var CanvasLayer;
+(function (CanvasLayer) {
+    CanvasLayer[CanvasLayer["CanvasTemplate"] = 1] = "CanvasTemplate";
+    CanvasLayer[CanvasLayer["CanvasImageBottom"] = 2] = "CanvasImageBottom";
+    CanvasLayer[CanvasLayer["CanvasMain"] = 3] = "CanvasMain";
+    CanvasLayer[CanvasLayer["CanvasImage"] = 4] = "CanvasImage"; //顶部图片层
+})(CanvasLayer || (CanvasLayer = {}));
+// export enum Flip {
+//   None, // 正常
+//   Horizontal, // 水平翻转
+//   Vertical, // 垂直翻转
+//   Both, // 全翻转
+// }
+// 修改哪些属性需要重现计算 textRect
+export const needCalcTextRectProps = [
+    'text',
+    'textWidth',
+    'textHeight',
+    'textLeft',
+    'textTop',
+    'fontFamily',
+    'fontSize',
+    'lineHeight',
+    'fontStyle',
+    'fontWeight',
+    'textAlign',
+    'textBaseline',
+    'whiteSpace',
+    'ellipsis',
+    'keepDecimal',
+];
+export const needSetPenProps = ['x', 'y', 'width', 'height', 'flipX', 'flipY'];
+export const needPatchFlagsPenRectProps = [
+    'paddingTop',
+    'paddingRight',
+    'paddingBottom',
+    'paddingLeft',
+    'flipX',
+    'flipY',
+    'visible',
+    'showChild',
+];
+export const 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["Arrow"] = 3] = "Arrow";
+    LineAnimateType[LineAnimateType["WaterDrop"] = 4] = "WaterDrop";
+})(LineAnimateType || (LineAnimateType = {}));
+/**
+ * dom 类型的 图形
+ */
+export const isDomShapes = [
+    'gif',
+    'iframe',
+    'video',
+    'echarts',
+    'highcharts',
+    'lightningCharts',
+];
+/**
+ *  交互图元
+ */
+export const isInteraction = [
+    'radio',
+    'checkbox',
+    'button',
+    'inputDom',
+    'slider',
+    'echarts',
+];
+// 格式刷同步的属性
+export const formatAttrs = new Set([
+    'borderRadius',
+    // 'rotate',
+    'paddingLeft',
+    'paddingRight',
+    'paddingTop',
+    'paddingBottom',
+    'progress',
+    'progressColor',
+    'verticalProgress',
+    'reverseProgress',
+    // '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',
+    'animateLineWidth',
+    'lineAnimateType',
+    'frames',
+    'animateColor',
+    'animateType',
+    'animateReverse',
+    'background',
+    'gradientColors',
+    'lineGradientColors',
+    'animateLineWidth',
+    'gradientSmooth',
+    'lineSmooth',
+    'animations'
+]);
+/**
+ * 清空 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;
+    pen.onStartVideo = undefined;
+    pen.onPauseVideo = undefined;
+    pen.onStopVideo = undefined;
+    pen.onRenderPenRaw = undefined;
+    pen.onKeyDown = undefined;
+    pen.onContextmenu = undefined;
+    pen.onScale = undefined;
+    pen.onWheel = undefined;
+    pen.onConnectLine = undefined;
+}
+//# sourceMappingURL=model.js.map