@visactor/vstory 0.0.8-alpha.8 → 0.0.9-alpha.1

package/cjs/animate/global.d.ts

@@ -0,0 +1,2 @@
+import type { ITimeline } from '@visactor/vrender-core';
+export declare function getGlobalTimeline(): ITimeline;

package/cjs/animate/global.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getGlobalTimeline = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+let globalTimeline;
+
+function getGlobalTimeline() {
+    if (!globalTimeline) {
+        globalTimeline = new vrender_core_1.DefaultTimeline;
+        const globalTicker = new vrender_core_1.DefaultTicker([ globalTimeline ]);
+        globalTicker.autoStop = !1;
+        const TICKER_FPS = 60;
+        globalTicker.setFPS(TICKER_FPS), globalTicker.start(!0);
+    }
+    return globalTimeline;
+}
+
+exports.getGlobalTimeline = getGlobalTimeline;
+//# sourceMappingURL=global.js.map

package/cjs/animate/global.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/global.ts"],"names":[],"mappings":";;;AACA,yDAAwE;AAExE,IAAI,cAAyB,CAAC;AAE9B,SAAgB,iBAAiB;IAC/B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,IAAI,8BAAe,EAAE,CAAC;QACvC,MAAM,YAAY,GAAG,IAAI,4BAAa,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;QAEzD,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE9B,MAAM,UAAU,GAAG,EAAE,CAAC;QACtB,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAChC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC1B;IACD,OAAO,cAAc,CAAC;AACxB,CAAC;AAZD,8CAYC","file":"global.js","sourcesContent":["import type { ITimeline } from '@visactor/vrender-core';\nimport { DefaultTicker, DefaultTimeline } from '@visactor/vrender-core';\n\nlet globalTimeline: ITimeline;\n\nexport function getGlobalTimeline() {\n  if (!globalTimeline) {\n    globalTimeline = new DefaultTimeline();\n    const globalTicker = new DefaultTicker([globalTimeline]);\n    // 永不停止的ticker\n    globalTicker.autoStop = false;\n\n    const TICKER_FPS = 60;\n    globalTicker.setFPS(TICKER_FPS);\n    globalTicker.start(true);\n  }\n  return globalTimeline;\n}\n"]}

package/cjs/constants/character.d.ts

@@ -1,6 +1,9 @@
-export declare const enum StoryChartType {
+export declare const enum StoryVisactorType {
     VCHART = "VChart",
-    RANKINGBAR = "RankingBar"
+    VTABLE = "VTable",
+    WEATHERTABLE = "WeatherTable",
+    RANKINGBAR = "RankingBar",
+    PROGRESS_PIE = "ProgressPie"
 }
 export declare enum StoryComponentType {
     RECT = "Rect",
@@ -11,6 +14,7 @@ export declare enum StoryComponentType {
     TEXT = "Text",
     QIPAO = "Qipao",
     IMAGE = "Image",
+    WEATHERBOX = "WeatherBox",
     TIMELINE = "Timeline",
     UNIT = "Unit"
 }
@@ -18,3 +22,4 @@ export declare const enum StoryChartComponentType {
     MARK_POINT = "markPoint",
     TITLE = "title"
 }
+export declare const DeletedAttr: unique symbol;

package/cjs/constants/character.js

@@ -1,19 +1,22 @@
 "use strict";
 
-var StoryChartType, StoryComponentType, StoryChartComponentType;
+var StoryVisactorType, StoryComponentType, StoryChartComponentType;
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.StoryChartComponentType = exports.StoryComponentType = exports.StoryChartType = void 0, 
-function(StoryChartType) {
-    StoryChartType.VCHART = "VChart", StoryChartType.RANKINGBAR = "RankingBar";
-}(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryComponentType) {
+}), exports.DeletedAttr = exports.StoryChartComponentType = exports.StoryComponentType = exports.StoryVisactorType = void 0, 
+function(StoryVisactorType) {
+    StoryVisactorType.VCHART = "VChart", StoryVisactorType.VTABLE = "VTable", StoryVisactorType.WEATHERTABLE = "WeatherTable", 
+    StoryVisactorType.RANKINGBAR = "RankingBar", StoryVisactorType.PROGRESS_PIE = "ProgressPie";
+}(StoryVisactorType = exports.StoryVisactorType || (exports.StoryVisactorType = {})), 
+function(StoryComponentType) {
     StoryComponentType.RECT = "Rect", StoryComponentType.SHAPE = "Shape", StoryComponentType.LINE = "Line", 
     StoryComponentType.ARC = "Arc", StoryComponentType.PATH = "Path", StoryComponentType.TEXT = "Text", 
-    StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", StoryComponentType.TIMELINE = "Timeline", 
-    StoryComponentType.UNIT = "Unit";
+    StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", StoryComponentType.WEATHERBOX = "WeatherBox", 
+    StoryComponentType.TIMELINE = "Timeline", StoryComponentType.UNIT = "Unit";
 }(StoryComponentType = exports.StoryComponentType || (exports.StoryComponentType = {})), 
 function(StoryChartComponentType) {
     StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";
-}(StoryChartComponentType = exports.StoryChartComponentType || (exports.StoryChartComponentType = {}));
+}(StoryChartComponentType = exports.StoryChartComponentType || (exports.StoryChartComponentType = {})), 
+exports.DeletedAttr = Symbol("DeletedAttr");
 //# sourceMappingURL=character.js.map

package/cjs/constants/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAGjB;AAHD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;IACjB,2CAAyB,CAAA;AAC3B,CAAC,EAHiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAG/B;AAED,IAAY,kBAaX;AAbD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;IACrB,mCAAa,CAAA;AACf,CAAC,EAbW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAa7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart',\n  RANKINGBAR = 'RankingBar'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline',\n  UNIT = 'Unit'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}
+{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,iBAMjB;AAND,WAAkB,iBAAiB;IACjC,sCAAiB,CAAA;IACjB,sCAAiB,CAAA;IACjB,kDAA6B,CAAA;IAC7B,8CAAyB,CAAA;IACzB,iDAA4B,CAAA;AAC9B,CAAC,EANiB,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAMlC;AAED,IAAY,kBAcX;AAdD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,+CAAyB,CAAA;IACzB,2CAAqB,CAAA;IACrB,mCAAa,CAAA;AACf,CAAC,EAdW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAc7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC;AAEY,QAAA,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC","file":"character.js","sourcesContent":["export const enum StoryVisactorType {\n  VCHART = 'VChart',\n  VTABLE = 'VTable',\n  WEATHERTABLE = 'WeatherTable',\n  RANKINGBAR = 'RankingBar',\n  PROGRESS_PIE = 'ProgressPie'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  WEATHERBOX = 'WeatherBox',\n  TIMELINE = 'Timeline',\n  UNIT = 'Unit'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n\nexport const DeletedAttr = Symbol('DeletedAttr');\n"]}

package/cjs/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './action';
+export * from './attribute';
+export * from './character';
+export * from './config';

package/cjs/constants/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./action"), exports), __exportStar(require("./attribute"), exports), 
+__exportStar(require("./character"), exports), __exportStar(require("./config"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB","file":"index.js","sourcesContent":["export * from './action';\nexport * from './attribute';\nexport * from './character';\nexport * from './config';\n"]}

package/cjs/dsl/story-chart/element.js

@@ -12,5 +12,4 @@ class StoryElement {
     }
 }
 
-exports.StoryElement = StoryElement;
-//# sourceMappingURL=element.js.map
+exports.StoryElement = StoryElement;

package/cjs/dsl/story-processor/processorMap/processorMap.d.ts

@@ -17,15 +17,15 @@ export declare const processorComponentMap: {
     };
 };
 export declare const commonMarkProcessor: {
-    appear: (character: import("../../../story/character").ICharacter, spec: {}, action: import("../../types/graphic/appear").IGraphicAppearAction) => Promise<void>;
-    disappear: (character: import("../../../story/character").ICharacter, spec: {}, IGraphicAppearAction: import("../../types/graphic/disappear").IGraphicDisappearAction) => Promise<void>;
-    flicker: (character: import("../../../story/character").ICharacter, spec: {}, appearAction: import("../../types").IFlickerAction) => Promise<void>;
-    darken: (character: import("../../../story/character").ICharacter, spec: {}, darkenAction: import("../../types/common/darken").IDarkenAction) => Promise<void>;
-    brighten: (character: import("../../../story/character").ICharacter, spec: {}, brightenAction: import("../../types/common/brighten").IBrightenAction) => Promise<void>;
-    moveTo: (character: import("../../../story/character").ICharacter, spec: {}, moveToAction: any) => Promise<{
+    appear: (character: import("../../..").ICharacter, spec: {}, action: import("../../types/graphic/appear").IGraphicAppearAction) => Promise<void>;
+    disappear: (character: import("../../..").ICharacter, spec: {}, IGraphicAppearAction: import("../../types/graphic/disappear").IGraphicDisappearAction) => Promise<void>;
+    flicker: (character: import("../../..").ICharacter, spec: {}, appearAction: import("../../types").IFlickerAction) => Promise<void>;
+    darken: (character: import("../../..").ICharacter, spec: {}, darkenAction: import("../../types/common/darken").IDarkenAction) => Promise<void>;
+    brighten: (character: import("../../..").ICharacter, spec: {}, brightenAction: import("../../types/common/brighten").IBrightenAction) => Promise<void>;
+    moveTo: (character: import("../../..").ICharacter, spec: {}, moveToAction: any) => Promise<{
         totalTime: any;
     }>;
-    style: (character: import("../../../story/character").ICharacter, spec: {}, styleAction: import("../../types/graphic/style").IGraphicStyleAction) => Promise<{
+    style: (character: import("../../..").ICharacter, spec: {}, styleAction: import("../../types/graphic/style").IGraphicStyleAction) => Promise<{
         totalTime: number;
     }>;
     bounce: (chartInstance: import("../../../story/character/visactor/interface").ICharacterVisactor, spec: import("@visactor/vchart").ISpec, action: import("../../types/common/bounce").IBounceAction) => Promise<void>;

package/cjs/dsl/types/Datum.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+});
+//# sourceMappingURL=Datum.js.map

package/cjs/dsl/utils/datum.js

@@ -13,4 +13,4 @@ const vutils_1 = require("@visactor/vutils"), isDatumEqual = (source, target) =>
 };
 
 exports.isDatumEqual = isDatumEqual;
-//# sourceMappingURL=datum.js.map
+//# sourceMappingURL=datum.js.map

package/cjs/dsl/utils/flicker.js

@@ -15,4 +15,4 @@ const flickerEffect = group => {
 };
 
 exports.flickerEffect = flickerEffect;
-//# sourceMappingURL=flicker.js.map
+//# sourceMappingURL=flicker.js.map

package/cjs/dsl-creator/weather-table.d.ts

@@ -0,0 +1,175 @@
+export interface IWeatherTableTemplateParams {
+    effectMap: {
+        [name: string]: {
+            type: 'weather-box' | 'weather-lottie';
+            rain?: number;
+            wind?: number;
+            snow?: number;
+            rainStyle?: any;
+            snowStyle?: any;
+            rainSnowStyle?: any;
+            defaultStyle?: any;
+            windEffect?: 'fade' | 'pathGrow';
+            [key: string]: any;
+        };
+    };
+    data: {
+        city: string;
+        date: string;
+        effectName: string;
+    }[];
+    backgroundEffect: {
+        [key: string]: any;
+    };
+    panelStyle: any;
+    backgroundImage: string;
+    icon: string;
+    title: {
+        text: string;
+        style: any;
+    };
+    subTitle: {
+        text: string;
+        style: any;
+    };
+    iconTitle: {
+        text: string;
+        style: any;
+    };
+    annotate: {
+        text: string;
+        style: any;
+    };
+}
+export interface IWeatherTableDataItem {
+    effectName: string;
+    windAnimateEffect: string;
+    city: string;
+    date: string;
+    weather: string;
+}
+export declare const createWeatherTableDSL: (data: IWeatherTableDataItem[], params: IWeatherTableTemplateParams) => {
+    acts: {
+        id: string;
+        scenes: {
+            id: string;
+            actions: {
+                characterId: string;
+                characterActions: {
+                    action: string;
+                }[];
+            }[];
+        }[];
+    }[];
+    characters: ({
+        id: string;
+        type: string;
+        zIndex: number;
+        position: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            angle?: undefined;
+            anchor?: undefined;
+            top?: undefined;
+            left?: undefined;
+        };
+        options: {
+            graphic: any;
+            group?: undefined;
+        };
+    } | {
+        id: string;
+        type: string;
+        zIndex: number;
+        position: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            angle: number;
+            anchor: number[];
+            top?: undefined;
+            left?: undefined;
+        };
+        options: {
+            graphic: any;
+            group?: undefined;
+        };
+    } | {
+        type: string;
+        id: string;
+        zIndex: number;
+        position: {
+            top: number;
+            left: number;
+            width: number;
+            height: number;
+            x?: undefined;
+            y?: undefined;
+            angle?: undefined;
+            anchor?: undefined;
+        };
+        options: {
+            data: {
+                type: 'weather-box' | 'weather-lottie';
+                rain?: number;
+                wind?: number;
+                snow?: number;
+                rainStyle?: any;
+                snowStyle?: any;
+                rainSnowStyle?: any;
+                defaultStyle?: any;
+                windEffect?: 'fade' | 'pathGrow';
+                effectName: string;
+                windAnimateEffect: string;
+                city: string;
+                date: string;
+                weather: string;
+            }[];
+            spec: {
+                widthMode: string;
+                heightMode: string;
+            };
+            panel: any;
+            padding: number[];
+            leftTitleStyle: {
+                color: string;
+                fontSize: number;
+                fontWeight: string;
+            };
+            topTitleStyle: {
+                color: string;
+                fontSize: number;
+                fontWeight: string;
+            };
+            graphic?: undefined;
+            group?: undefined;
+        };
+    } | {
+        id: string;
+        type: string;
+        zIndex: number;
+        position: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            angle: number;
+            anchor: number[];
+            top?: undefined;
+            left?: undefined;
+        };
+        options: {
+            graphic: any;
+            group: {
+                lineWidth: number;
+                opacity: number;
+                background: boolean;
+                color: string;
+                cornerRadius: number;
+            };
+        };
+    })[];
+};

package/cjs/dsl-creator/weather-table.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createWeatherTableDSL = void 0;
+
+const createWeatherTableDSL = (data, params) => {
+    const {backgroundImage: backgroundImage, icon: icon, effectMap: effectMap, backgroundEffect: backgroundEffect, panelStyle: panelStyle, title: title, subTitle: subTitle, annotate: annotate, iconTitle: iconTitle} = params, tableOptions = {
+        data: data.map((item => Object.assign(Object.assign({}, item), effectMap[item.effectName]))),
+        spec: {
+            widthMode: "adaptive",
+            heightMode: "adaptive"
+        }
+    };
+    return {
+        acts: [ {
+            id: "defaultAct",
+            scenes: [ {
+                id: "defaultScene",
+                actions: [ {
+                    characterId: "bg-weather-box",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "0",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "1",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "2",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "4",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "5",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "test-table-0",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                }, {
+                    characterId: "annotation",
+                    characterActions: [ {
+                        action: "appear"
+                    } ]
+                } ]
+            } ]
+        } ],
+        characters: [ {
+            id: "0",
+            type: "Image",
+            zIndex: 0,
+            position: {
+                x: 0,
+                y: 0,
+                width: 450,
+                height: 800,
+                angle: 0,
+                anchor: [ 203.3288683479214, 360.4016139654462 ]
+            },
+            options: {
+                graphic: {
+                    image: backgroundImage
+                }
+            }
+        }, {
+            id: "bg-weather-box",
+            type: "WeatherBox",
+            zIndex: 0,
+            position: {
+                x: 0,
+                y: 0,
+                width: 450,
+                height: 800
+            },
+            options: {
+                graphic: Object.assign({}, backgroundEffect)
+            }
+        }, {
+            id: "1",
+            type: "Text",
+            zIndex: 0,
+            position: {
+                x: 43,
+                y: 28,
+                width: 410,
+                height: 96
+            },
+            options: {
+                graphic: Object.assign({
+                    text: title.text,
+                    innerTextAlign: "left",
+                    fontSize: 32,
+                    fontWeight: "bold",
+                    textAlign: "left",
+                    textBaseline: "top",
+                    verticalDirection: "top",
+                    fill: "rgb(68, 66, 147)",
+                    stroke: "white",
+                    lineWidth: 3
+                }, title.style)
+            }
+        }, {
+            id: "2",
+            type: "Text",
+            zIndex: 0,
+            position: {
+                x: 82,
+                y: 72,
+                width: 327,
+                height: 116
+            },
+            options: {
+                graphic: Object.assign({
+                    text: subTitle.text,
+                    innerTextAlign: "left",
+                    fontSize: 40,
+                    fontWeight: "bold",
+                    verticalDirection: "top",
+                    textAlign: "left",
+                    textBaseline: "top",
+                    fill: "linear-gradient(270deg, red 0%, blue 100%)",
+                    stroke: "white",
+                    lineWidth: 3
+                }, subTitle.style)
+            }
+        }, {
+            id: "4",
+            type: "Image",
+            zIndex: 0,
+            position: {
+                x: 155,
+                y: 130,
+                width: 40,
+                height: 40
+            },
+            options: {
+                graphic: {
+                    image: icon
+                }
+            }
+        }, {
+            id: "5",
+            type: "Text",
+            zIndex: 0,
+            position: {
+                x: 210,
+                y: 137,
+                width: 92,
+                height: 31,
+                angle: 0,
+                anchor: [ 235.49615365487648, 162.08723845305272 ]
+            },
+            options: {
+                graphic: Object.assign({
+                    text: iconTitle.text,
+                    innerTextAlign: "left",
+                    fontSize: 20,
+                    fontWeight: "bold",
+                    verticalDirection: "top",
+                    fill: "black",
+                    textAlign: "left",
+                    textBaseline: "top"
+                }, iconTitle.style)
+            }
+        }, {
+            type: "WeatherTable",
+            id: "test-table-0",
+            zIndex: 9,
+            position: {
+                top: 200,
+                left: 25,
+                width: 400,
+                height: 470
+            },
+            options: Object.assign({
+                panel: Object.assign({
+                    background: "white",
+                    opacity: .6,
+                    blur: 3,
+                    cornerRadius: 8
+                }, panelStyle),
+                padding: [ 0, 10, 10, 6 ],
+                leftTitleStyle: {
+                    color: "rgb(100, 101, 163)",
+                    fontSize: 18,
+                    fontWeight: "bold"
+                },
+                topTitleStyle: {
+                    color: "rgb(100, 101, 163)",
+                    fontSize: 16,
+                    fontWeight: "normal"
+                }
+            }, tableOptions)
+        }, {
+            id: "annotation",
+            type: "Text",
+            zIndex: 0,
+            position: {
+                x: 12,
+                y: 760,
+                width: 420,
+                height: 36,
+                angle: 0,
+                anchor: [ 206.89705280342503, 701.8472074258225 ]
+            },
+            options: {
+                graphic: Object.assign({
+                    text: annotate.text,
+                    textAlign: "left",
+                    textBaseline: "top"
+                }, annotate.style),
+                group: {
+                    lineWidth: 0,
+                    opacity: 1,
+                    background: !1,
+                    color: "black",
+                    cornerRadius: 0
+                }
+            }
+        } ]
+    };
+};
+
+exports.createWeatherTableDSL = createWeatherTableDSL;
+//# sourceMappingURL=weather-table.js.map

package/cjs/dsl-creator/weather-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl-creator/weather-table.ts"],"names":[],"mappings":"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","file":"weather-table.js","sourcesContent":["export interface IWeatherTableTemplateParams {\n  effectMap: {\n    [name: string]: {\n      type: 'weather-box' | 'weather-lottie';\n      rain?: number;\n      wind?: number;\n      snow?: number;\n      rainStyle?: any;\n      snowStyle?: any;\n      rainSnowStyle?: any;\n      defaultStyle?: any;\n      windEffect?: 'fade' | 'pathGrow';\n      [key: string]: any;\n    };\n  };\n  data: { city: string; date: string; effectName: string }[];\n  backgroundEffect: {\n    [key: string]: any;\n  };\n  panelStyle: any;\n  backgroundImage: string;\n  icon: string;\n  title: {\n    text: string;\n    style: any;\n  };\n  subTitle: {\n    text: string;\n    style: any;\n  };\n  iconTitle: {\n    text: string;\n    style: any;\n  };\n  annotate: {\n    text: string;\n    style: any;\n  };\n}\n\nexport interface IWeatherTableDataItem {\n  effectName: string;\n  windAnimateEffect: string;\n  city: string;\n  date: string;\n  weather: string;\n}\n\nexport const createWeatherTableDSL = (data: IWeatherTableDataItem[], params: IWeatherTableTemplateParams) => {\n  const { backgroundImage, icon, effectMap, backgroundEffect, panelStyle, title, subTitle, annotate, iconTitle } =\n    params;\n  const tableOptions = {\n    data: data.map(item => ({ ...item, ...effectMap[item.effectName] })),\n    spec: {\n      widthMode: 'adaptive',\n      heightMode: 'adaptive'\n    }\n  };\n  const dsl = {\n    acts: [\n      {\n        id: 'defaultAct',\n        scenes: [\n          {\n            id: 'defaultScene',\n            actions: [\n              { characterId: 'bg-weather-box', characterActions: [{ action: 'appear' }] },\n              { characterId: '0', characterActions: [{ action: 'appear' }] },\n              { characterId: '1', characterActions: [{ action: 'appear' }] },\n              { characterId: '2', characterActions: [{ action: 'appear' }] },\n              { characterId: '4', characterActions: [{ action: 'appear' }] },\n              { characterId: '5', characterActions: [{ action: 'appear' }] },\n              { characterId: 'test-table-0', characterActions: [{ action: 'appear' }] },\n              { characterId: 'annotation', characterActions: [{ action: 'appear' }] }\n            ]\n          }\n        ]\n      }\n    ],\n    characters: [\n      {\n        id: '0',\n        type: 'Image',\n        zIndex: 0,\n        position: {\n          x: 0,\n          y: 0,\n          width: 450,\n          height: 800,\n          angle: 0,\n          anchor: [203.3288683479214, 360.4016139654462]\n        },\n        options: {\n          graphic: {\n            image: backgroundImage\n          }\n        }\n      },\n      {\n        id: 'bg-weather-box',\n        type: 'WeatherBox',\n        zIndex: 0,\n        position: {\n          x: 0,\n          y: 0,\n          width: 450,\n          height: 800\n        },\n        options: {\n          graphic: {\n            ...backgroundEffect\n          }\n        }\n      },\n      {\n        id: '1',\n        type: 'Text',\n        zIndex: 0,\n        position: {\n          x: 43,\n          y: 28,\n          width: 410,\n          height: 96\n        },\n        options: {\n          graphic: {\n            text: title.text,\n            innerTextAlign: 'left',\n            fontSize: 32,\n            fontWeight: 'bold',\n            textAlign: 'left',\n            textBaseline: 'top',\n            verticalDirection: 'top',\n            fill: 'rgb(68, 66, 147)',\n            stroke: 'white',\n            lineWidth: 3,\n            ...title.style\n          }\n        }\n      },\n      {\n        id: '2',\n        type: 'Text',\n        zIndex: 0,\n        position: {\n          x: 82,\n          y: 72,\n          width: 327,\n          height: 116\n        },\n        options: {\n          graphic: {\n            text: subTitle.text,\n            innerTextAlign: 'left',\n            fontSize: 40,\n            fontWeight: 'bold',\n            verticalDirection: 'top',\n            textAlign: 'left',\n            textBaseline: 'top',\n            fill: 'linear-gradient(270deg, red 0%, blue 100%)',\n            stroke: 'white',\n            lineWidth: 3,\n            ...subTitle.style\n          }\n        }\n      },\n      {\n        id: '4',\n        type: 'Image',\n        zIndex: 0,\n        position: {\n          x: 155,\n          y: 130,\n          width: 40,\n          height: 40\n        },\n        options: {\n          graphic: {\n            image: icon\n          }\n        }\n      },\n      {\n        id: '5',\n        type: 'Text',\n        zIndex: 0,\n        position: {\n          x: 210,\n          y: 137,\n          width: 92,\n          height: 31,\n          angle: 0,\n          anchor: [235.49615365487648, 162.08723845305272]\n        },\n        options: {\n          graphic: {\n            text: iconTitle.text,\n            innerTextAlign: 'left',\n            fontSize: 20,\n            fontWeight: 'bold',\n            verticalDirection: 'top',\n            fill: 'black',\n            textAlign: 'left',\n            textBaseline: 'top',\n            ...iconTitle.style\n          }\n        }\n      },\n      {\n        type: 'WeatherTable',\n        id: 'test-table-0',\n        zIndex: 9,\n        position: {\n          top: 200,\n          left: 25,\n          width: 400,\n          height: 470\n          // angle: 0.3\n        },\n        options: {\n          panel: {\n            background: 'white',\n            opacity: 0.6,\n            blur: 3,\n            cornerRadius: 8,\n            ...panelStyle\n          },\n          padding: [0, 10, 10, 6],\n          leftTitleStyle: {\n            color: 'rgb(100, 101, 163)',\n            fontSize: 18,\n            fontWeight: 'bold'\n          },\n          topTitleStyle: {\n            color: 'rgb(100, 101, 163)',\n            fontSize: 16,\n            fontWeight: 'normal'\n          },\n          ...tableOptions\n        }\n      },\n      {\n        id: 'annotation',\n        type: 'Text',\n        zIndex: 0,\n        position: {\n          x: 12,\n          y: 760,\n          width: 420,\n          height: 36,\n          angle: 0,\n          anchor: [206.89705280342503, 701.8472074258225]\n        },\n        options: {\n          graphic: {\n            text: annotate.text,\n            textAlign: 'left',\n            textBaseline: 'top',\n            ...annotate.style\n          },\n          group: {\n            lineWidth: 0,\n            opacity: 1,\n            background: false,\n            color: 'black',\n            cornerRadius: 0\n          }\n        }\n      }\n    ]\n  };\n\n  return dsl;\n};\n"]}

package/cjs/edit/const.d.ts

@@ -1,3 +1,26 @@
+export declare const SHAPE_SELECT_COLOR = "#3073F2";
+export declare const SHAPE_OVER_COLOR = "#60A3F2";
 export declare const PickEventType: {
     [key: string]: boolean;
 };
+export declare const PickGraphicAttribute: {
+    fill: boolean;
+    stroke: string;
+    lineWidth: number;
+    lineDash: number[];
+    pickable: boolean;
+};
+export declare enum SeriesMarkMode {
+    all = "all",
+    seriesGroup = "seriesGroup",
+    single = "single"
+}
+export declare enum EditEditingState {
+    continuingEditing = "continuingEditing",
+    normal = "normal"
+}
+export declare const VCHART_DATA_INDEX = "__VCHART_DEFAULT_DATA_INDEX";
+export declare const MaxAxisPaddingOuter = 0.9;
+export declare const SpecialSeriesMarkSelectMode: {
+    [key: string]: SeriesMarkMode;
+};