@visactor/vstory 0.0.7 → 0.0.8-alpha.1

package/es/template/unit/unit.js

@@ -0,0 +1,234 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { DEFAULT_ANIMATION_DURATION, DEFAULT_SCENE_DURATION, defaultConfig } from "./default";
+
+import { isFunction, isObject, merge } from "@visactor/vutils";
+
+export function generateSpec(input) {
+    input = initialInput(input);
+    const {characters: layoutCharacters, actions: layoutActions} = generateLayoutSpec(input), {characters: titleCharacters, actionsGroup: titleActionsGroup} = generateTitleSpec(input), {character: vizCharacter, actions: vizActions} = generateVizSpec(input);
+    return {
+        characters: [ ...layoutCharacters, ...titleCharacters, vizCharacter ],
+        acts: [ {
+            id: "page1",
+            scenes: input.scenes.map(((_, sceneIndex) => ({
+                id: sceneIndex.toString(),
+                actions: [ ...layoutActions, ...titleActionsGroup[sceneIndex], vizActions[sceneIndex] ]
+            })))
+        } ]
+    };
+}
+
+function initialInput(input) {
+    const {data: data} = input, restInput = __rest(input, [ "data" ]), res = merge({}, defaultConfig, restInput);
+    return res.data = data, res;
+}
+
+function generateLayoutSpec(input) {
+    const {layout: {width: layoutWidth = defaultConfig.layout.width, height: layoutHeight = defaultConfig.layout.height, title: {height: titleHeight = defaultConfig.layout.title.height, backgroundColor: titleBackgroundColor = defaultConfig.layout.title.backgroundColor} = {}, viz: {backgroundColor: vizBackgroundColor = defaultConfig.layout.viz.backgroundColor} = {}} = {}} = input;
+    return {
+        characters: [ {
+            type: "Rect",
+            id: "background-title",
+            zIndex: 2,
+            position: {
+                top: 0,
+                left: 0,
+                width: layoutWidth,
+                height: titleHeight
+            },
+            options: {
+                graphic: {
+                    fill: titleBackgroundColor,
+                    stroke: !1
+                }
+            }
+        }, {
+            type: "Rect",
+            id: "background",
+            zIndex: 0,
+            position: {
+                top: 0,
+                left: 0,
+                width: layoutWidth,
+                height: layoutHeight
+            },
+            options: {
+                graphic: {
+                    fill: vizBackgroundColor,
+                    stroke: !1
+                }
+            }
+        } ],
+        actions: [ {
+            characterId: "background-title",
+            characterActions: [ {
+                action: "appear",
+                startTime: 0,
+                payload: {
+                    animation: {
+                        effect: "move",
+                        duration: 1
+                    }
+                }
+            } ]
+        }, {
+            characterId: "background",
+            characterActions: [ {
+                action: "appear",
+                startTime: 0,
+                payload: {
+                    animation: {
+                        effect: "move",
+                        duration: 1
+                    }
+                }
+            } ]
+        } ]
+    };
+}
+
+function generateTitleSpec(input) {
+    const {scenes: scenes, layout: {width: layoutWidth = defaultConfig.layout.width, height: layoutHeight = defaultConfig.layout.height, title: {height: titleHeight = defaultConfig.layout.title.height, padding: {left: titlePaddingLeft = defaultConfig.layout.title.padding.left, right: titlePaddingRight = defaultConfig.layout.title.padding.right} = {}, style: titleStyle = defaultConfig.layout.title.style} = {}} = {}} = input;
+    return {
+        characters: scenes.map(((scene, sceneIndex) => ({
+            type: "Text",
+            id: "title-" + sceneIndex,
+            zIndex: 3,
+            position: {
+                top: titleHeight / 2,
+                left: layoutWidth / 2,
+                width: layoutWidth - titlePaddingLeft - titlePaddingRight,
+                height: layoutHeight
+            },
+            options: {
+                graphic: Object.assign(Object.assign({
+                    width: layoutWidth - titlePaddingLeft - titlePaddingRight,
+                    height: layoutHeight
+                }, titleStyle), {
+                    textConfig: scene.title
+                })
+            }
+        }))),
+        actionsGroup: scenes.map(((scene, sceneIndex) => {
+            var _a, _b, _c, _d, _e;
+            const actions = [ {
+                characterId: "title-" + sceneIndex,
+                characterActions: [ {
+                    action: "appear",
+                    startTime: 0 + (null !== (_a = scene.animationDuration) && void 0 !== _a ? _a : DEFAULT_ANIMATION_DURATION) + 1,
+                    payload: {
+                        animation: {
+                            duration: null !== (_b = scene.animationDuration) && void 0 !== _b ? _b : DEFAULT_ANIMATION_DURATION,
+                            easing: "linear",
+                            effect: "fade"
+                        }
+                    }
+                } ]
+            } ];
+            return sceneIndex < scenes.length - 1 && actions.push({
+                characterId: `title-${sceneIndex}`,
+                characterActions: [ {
+                    action: "disappear",
+                    startTime: 0 + (null !== (_c = scene.sceneDuration) && void 0 !== _c ? _c : DEFAULT_SCENE_DURATION) - (null !== (_d = scene.animationDuration) && void 0 !== _d ? _d : DEFAULT_ANIMATION_DURATION),
+                    payload: {
+                        animation: {
+                            duration: null !== (_e = scene.animationDuration) && void 0 !== _e ? _e : DEFAULT_ANIMATION_DURATION,
+                            easing: "linear",
+                            effect: "fade"
+                        }
+                    }
+                } ]
+            }), actions;
+        }))
+    };
+}
+
+function generateVizSpec(input) {
+    const {scenes: scenes, data: data, unit: {defaultStyle: defaultStyle = defaultConfig.unit.defaultStyle} = {}} = input, initialStyleList = [];
+    for (let i = 0; i < data.length; i++) isFunction(defaultStyle) && initialStyleList.push(defaultStyle(i)), 
+    isObject(defaultStyle) && initialStyleList.push(defaultStyle);
+    const character = getUnitCharacter(initialStyleList, input), actions = [];
+    let prevStyleList = initialStyleList;
+    for (let sceneIndex = 0; sceneIndex < scenes.length; sceneIndex++) {
+        const sceneSpec = scenes[sceneIndex], {nodes: nodes, animationDuration: animationDuration} = sceneSpec, indexList = Array.from({
+            length: data.length
+        }, ((_, i) => i)), styleList = prevStyleList.slice();
+        updateStyleList(styleList, nodes, data, indexList);
+        const action = createUnitViz(styleList, null != animationDuration ? animationDuration : DEFAULT_ANIMATION_DURATION, 0);
+        prevStyleList = styleList, actions.push(action);
+    }
+    return {
+        character: character,
+        actions: actions
+    };
+}
+
+function getUnitCharacter(styleList, input) {
+    const {layout: {width: layoutWidth = defaultConfig.layout.width, height: layoutHeight = defaultConfig.layout.height, title: {height: titleHeight = defaultConfig.layout.title.height} = {}, viz: {padding: {left: vizPaddingLeft = defaultConfig.layout.viz.padding.left, right: vizPaddingRight = defaultConfig.layout.viz.padding.right, top: vizPaddingTop = defaultConfig.layout.viz.padding.top, bottom: vizPaddingBottom = defaultConfig.layout.viz.padding.bottom} = {}, direction: vizDirection = defaultConfig.layout.viz.direction} = {}} = {}, unit: {gap: unitGap = defaultConfig.unit.gap, aspect: unitAspect = defaultConfig.unit.aspect} = {}} = input;
+    return {
+        type: "Unit",
+        id: "unit",
+        zIndex: 2,
+        position: {
+            top: titleHeight,
+            left: 0,
+            width: layoutWidth,
+            height: layoutHeight - titleHeight
+        },
+        options: {
+            graphic: {
+                padding: {
+                    top: vizPaddingTop,
+                    bottom: vizPaddingBottom,
+                    right: vizPaddingRight,
+                    left: vizPaddingLeft
+                },
+                count: styleList.length,
+                styleFunc: index => Object.assign({}, styleList[index]),
+                gap: unitGap,
+                aspect: unitAspect,
+                direction: vizDirection
+            }
+        }
+    };
+}
+
+function updateStyleList(styleList, nodes, data, indexList) {
+    for (const node of nodes) {
+        const query = node.query, filteredIndexList = query ? indexList.filter((index => query(data[index]))) : indexList;
+        for (const index of filteredIndexList) styleList[index] = Object.assign(Object.assign({}, styleList[index]), node.style);
+        node.children && updateStyleList(styleList, node.children, data, filteredIndexList);
+    }
+    return styleList;
+}
+
+function createUnitViz(styleList, animationDuration, startTime) {
+    return {
+        characterId: "unit",
+        characterActions: [ {
+            action: "style",
+            startTime: startTime,
+            payload: {
+                animation: {
+                    effect: "style",
+                    styleFunc: index => styleList[index],
+                    duration: animationDuration,
+                    easing: "linear",
+                    stagger: {
+                        enable: !0
+                    }
+                }
+            }
+        } ]
+    };
+}
+//# sourceMappingURL=unit.js.map

package/es/template/unit/unit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/template/unit/unit.ts"],"names":[],"mappings":"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","file":"unit.js","sourcesContent":["import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport { DEFAULT_ANIMATION_DURATION, DEFAULT_SCENE_DURATION, defaultConfig } from './default';\nimport { isFunction, isObject, merge } from '@visactor/vutils';\nimport type { IUnitTemplateSpec, QueryNode } from './type';\nimport type { IActionsLink, IStorySpec } from '../../story/interface';\nimport type { ICharacterSpec } from '../../story/character';\n\nexport function generateSpec(input: IUnitTemplateSpec): IStorySpec {\n  input = initialInput(input);\n  const { characters: layoutCharacters, actions: layoutActions } = generateLayoutSpec(input);\n  const { characters: titleCharacters, actionsGroup: titleActionsGroup } = generateTitleSpec(input);\n  const { character: vizCharacter, actions: vizActions } = generateVizSpec(input);\n\n  const spec: IStorySpec = {\n    characters: [...layoutCharacters, ...titleCharacters, vizCharacter],\n    acts: [\n      {\n        id: 'page1',\n        scenes: input.scenes.map((_, sceneIndex) => {\n          return {\n            id: sceneIndex.toString(),\n            actions: [...layoutActions, ...titleActionsGroup[sceneIndex], vizActions[sceneIndex]]\n          };\n        })\n      }\n    ]\n  };\n\n  return spec;\n}\n\nfunction initialInput(input: IUnitTemplateSpec): IUnitTemplateSpec {\n  const { data, ...restInput } = input;\n  const res = merge({}, defaultConfig, restInput);\n  res.data = data;\n  return res;\n}\n\nfunction generateLayoutSpec(input: IUnitTemplateSpec) {\n  const {\n    layout: {\n      width: layoutWidth = defaultConfig.layout.width,\n      height: layoutHeight = defaultConfig.layout.height,\n      title: {\n        height: titleHeight = defaultConfig.layout.title.height,\n        backgroundColor: titleBackgroundColor = defaultConfig.layout.title.backgroundColor\n      } = {},\n      viz: { backgroundColor: vizBackgroundColor = defaultConfig.layout.viz.backgroundColor } = {}\n    } = {}\n  } = input;\n  const characters: ICharacterSpec[] = [\n    {\n      type: 'Rect',\n      id: 'background-title',\n      zIndex: 2,\n      position: {\n        top: 0,\n        left: 0,\n        width: layoutWidth,\n        height: titleHeight\n      },\n      options: {\n        graphic: {\n          fill: titleBackgroundColor,\n          stroke: false\n        }\n      }\n    },\n    {\n      type: 'Rect',\n      id: 'background',\n      zIndex: 0,\n      position: {\n        top: 0,\n        left: 0,\n        width: layoutWidth,\n        height: layoutHeight\n      },\n      options: {\n        graphic: {\n          fill: vizBackgroundColor,\n          stroke: false\n        }\n      }\n    }\n  ];\n  const actions: IActionsLink[] = [\n    {\n      characterId: 'background-title',\n      characterActions: [\n        {\n          action: 'appear',\n          startTime: 0,\n          payload: {\n            animation: {\n              effect: 'move',\n              duration: 1\n            }\n          }\n        }\n      ]\n    },\n    {\n      characterId: 'background',\n      characterActions: [\n        {\n          action: 'appear',\n          startTime: 0,\n          payload: {\n            animation: {\n              effect: 'move',\n              duration: 1\n            }\n          }\n        }\n      ]\n    }\n  ];\n  return { characters, actions };\n}\n\nfunction generateTitleSpec(input: IUnitTemplateSpec) {\n  const {\n    scenes,\n    layout: {\n      width: layoutWidth = defaultConfig.layout.width,\n      height: layoutHeight = defaultConfig.layout.height,\n      title: {\n        height: titleHeight = defaultConfig.layout.title.height,\n        padding: {\n          left: titlePaddingLeft = defaultConfig.layout.title.padding.left,\n          right: titlePaddingRight = defaultConfig.layout.title.padding.right\n        } = {},\n        style: titleStyle = defaultConfig.layout.title.style\n      } = {}\n    } = {}\n  } = input;\n\n  const startTime = 0;\n  const characters: ICharacterSpec[] = scenes.map((scene, sceneIndex) => {\n    return {\n      type: 'Text',\n      id: 'title-' + sceneIndex,\n      zIndex: 3,\n      position: {\n        top: titleHeight / 2,\n        left: layoutWidth / 2,\n        width: layoutWidth - titlePaddingLeft - titlePaddingRight,\n        height: layoutHeight\n      },\n      options: {\n        graphic: {\n          width: layoutWidth - titlePaddingLeft - titlePaddingRight,\n          height: layoutHeight,\n          ...titleStyle,\n          textConfig: scene.title\n        }\n      }\n    };\n  });\n  const actionsGroup: IActionsLink[][] = scenes.map((scene, sceneIndex) => {\n    const actions: IActionsLink[] = [\n      {\n        characterId: 'title-' + sceneIndex,\n        characterActions: [\n          {\n            action: 'appear',\n            startTime: startTime + (scene.animationDuration ?? DEFAULT_ANIMATION_DURATION) + 1,\n            payload: {\n              animation: {\n                duration: scene.animationDuration ?? DEFAULT_ANIMATION_DURATION,\n                easing: 'linear',\n                effect: 'fade'\n              }\n            }\n          }\n        ]\n      }\n    ];\n\n    // Only add disappear action if it's not the last scene\n    if (sceneIndex < scenes.length - 1) {\n      actions.push({\n        characterId: `title-${sceneIndex}`,\n        characterActions: [\n          {\n            action: 'disappear',\n            startTime:\n              startTime +\n              (scene.sceneDuration ?? DEFAULT_SCENE_DURATION) -\n              (scene.animationDuration ?? DEFAULT_ANIMATION_DURATION),\n            payload: {\n              animation: {\n                duration: scene.animationDuration ?? DEFAULT_ANIMATION_DURATION,\n                easing: 'linear',\n                // @ts-ignore\n                effect: 'fade'\n              }\n            }\n          }\n        ]\n      });\n    }\n\n    return actions;\n  });\n\n  return { characters, actionsGroup };\n}\n\nfunction generateVizSpec(input: IUnitTemplateSpec) {\n  const { scenes, data, unit: { defaultStyle = defaultConfig.unit.defaultStyle } = {} } = input;\n  const initialStyleList: ISymbolGraphicAttribute[] = [];\n  for (let i = 0; i < data.length; i++) {\n    if (isFunction(defaultStyle)) {\n      initialStyleList.push(defaultStyle(i));\n    }\n    if (isObject<ISymbolGraphicAttribute>(defaultStyle)) {\n      initialStyleList.push(defaultStyle);\n    }\n  }\n  const character: ICharacterSpec = getUnitCharacter(initialStyleList, input);\n  const actions: IActionsLink[] = [];\n  const startTime = 0;\n  let prevStyleList = initialStyleList;\n  for (let sceneIndex = 0; sceneIndex < scenes.length; sceneIndex++) {\n    const sceneSpec = scenes[sceneIndex];\n    const { nodes, animationDuration } = sceneSpec;\n    const indexList = Array.from({ length: data.length }, (_, i) => i);\n    const styleList = prevStyleList.slice();\n    updateStyleList(styleList, nodes, data, indexList);\n    const action = createUnitViz(styleList, animationDuration ?? DEFAULT_ANIMATION_DURATION, startTime);\n    prevStyleList = styleList;\n    actions.push(action);\n  }\n  return { character, actions };\n}\n\nfunction getUnitCharacter(styleList: ISymbolGraphicAttribute[], input: IUnitTemplateSpec): ICharacterSpec {\n  const {\n    layout: {\n      width: layoutWidth = defaultConfig.layout.width,\n      height: layoutHeight = defaultConfig.layout.height,\n      title: { height: titleHeight = defaultConfig.layout.title.height } = {},\n      viz: {\n        padding: {\n          left: vizPaddingLeft = defaultConfig.layout.viz.padding.left,\n          right: vizPaddingRight = defaultConfig.layout.viz.padding.right,\n          top: vizPaddingTop = defaultConfig.layout.viz.padding.top,\n          bottom: vizPaddingBottom = defaultConfig.layout.viz.padding.bottom\n        } = {},\n        direction: vizDirection = defaultConfig.layout.viz.direction\n      } = {}\n    } = {},\n    unit: { gap: unitGap = defaultConfig.unit.gap, aspect: unitAspect = defaultConfig.unit.aspect } = {}\n  } = input;\n\n  const character: ICharacterSpec = {\n    type: 'Unit',\n    id: 'unit',\n    zIndex: 2,\n    position: {\n      top: titleHeight,\n      left: 0,\n      width: layoutWidth,\n      height: layoutHeight - titleHeight\n    },\n    options: {\n      graphic: {\n        padding: {\n          top: vizPaddingTop,\n          bottom: vizPaddingBottom,\n          right: vizPaddingRight,\n          left: vizPaddingLeft\n        },\n        count: styleList.length,\n        styleFunc: (index: number): ISymbolGraphicAttribute => ({ ...styleList[index] }),\n        gap: unitGap,\n        aspect: unitAspect,\n        direction: vizDirection\n      }\n    }\n  };\n\n  return character;\n}\n\nfunction updateStyleList(\n  styleList: ISymbolGraphicAttribute[],\n  nodes: QueryNode[],\n  data: Record<string, any>[],\n  indexList: number[]\n) {\n  for (const node of nodes) {\n    const query = node.query;\n    const filteredIndexList = query ? indexList.filter(index => query(data[index])) : indexList;\n    for (const index of filteredIndexList) {\n      styleList[index] = { ...styleList[index], ...node.style };\n    }\n    if (node.children) {\n      updateStyleList(styleList, node.children, data, filteredIndexList);\n    }\n  }\n  return styleList;\n}\n\nfunction createUnitViz(\n  styleList: ISymbolGraphicAttribute[],\n  animationDuration: number,\n  startTime: number\n): IActionsLink {\n  const action: IActionsLink = {\n    characterId: 'unit',\n    characterActions: [\n      {\n        action: 'style',\n        startTime: startTime,\n        payload: {\n          animation: {\n            effect: 'style',\n            styleFunc: (index: number) => styleList[index],\n            duration: animationDuration,\n            easing: 'linear',\n            stagger: {\n              enable: true\n            }\n          }\n        }\n      }\n    ]\n  };\n\n  return action;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vstory",
-  "version": "0.0.7",
+  "version": "0.0.8-alpha.1",
   "description": "",
   "sideEffects": true,
   "main": "cjs/index.js",
@@ -11,31 +11,17 @@
     "es",
     "dist"
   ],
-  "scripts": {
-    "compile": "tsc --noEmit",
-    "eslint": "eslint --debug --fix src/",
-    "build": "bundle --clean",
-    "build-umd": "bundle --clean -f umd",
-    "dev": "bundle --clean -f es -w",
-    "start": "vite ./demo --host --port=6789",
-    "test": "jest",
-    "test-cov": "jest -w 16 --coverage",
-    "test-live": "",
-    "test-watch": "DEBUG_MODE=1 jest --watch"
-  },
   "dependencies": {
-    "@visactor/vchart": "1.12.1-alpha.0",
-    "@visactor/vrender": "0.20.1-alpha.5",
-    "@visactor/vrender-core": "0.20.1-alpha.5",
-    "@visactor/vrender-kits": "0.20.1-alpha.5",
-    "@visactor/vrender-components": "0.20.1-alpha.5",
+    "@visactor/vchart": "1.12.2",
+    "@visactor/vrender": "0.20.1",
+    "@visactor/vrender-core": "0.20.1",
+    "@visactor/vrender-kits": "0.20.1",
+    "@visactor/vrender-components": "0.20.1",
     "@visactor/vutils": "~0.18.4",
-    "@visactor/vchart-extension": "0.0.2"
+    "@visactor/vchart-extension": "0.0.2",
+    "@visactor/vdataset": "~0.18.4"
   },
   "devDependencies": {
-    "@internal/bundler": "workspace:*",
-    "@internal/eslint-config": "workspace:*",
-    "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
     "@ffmpeg/core": "^0.11.0",
     "@ffmpeg/ffmpeg": "^0.11.6",
@@ -56,7 +42,10 @@
     "ts-jest": "^26.0.0",
     "eslint": "~8.18.0",
     "vite": "3.2.6",
-    "typescript": "4.9.5"
+    "typescript": "4.9.5",
+    "@internal/bundler": "0.0.1",
+    "@internal/ts-config": "0.0.1",
+    "@internal/eslint-config": "0.0.1"
   },
   "keywords": [
     "VisActor",
@@ -84,5 +73,17 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/",
+    "build": "bundle --clean",
+    "build-umd": "bundle --clean -f umd",
+    "dev": "bundle --clean -f es -w",
+    "start": "vite ./demo --host --port=6789",
+    "test": "jest",
+    "test-cov": "jest -w 16 --coverage",
+    "test-live": "",
+    "test-watch": "DEBUG_MODE=1 jest --watch"
   }
-}
+}