@visactor/vstory 0.0.4-alpha.2 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/animate/typewirter.d.ts +3 -4
- package/cjs/animate/typewirter.js +44 -30
- package/cjs/animate/typewirter.js.map +1 -1
- package/cjs/constants/action.d.ts +9 -0
- package/cjs/constants/action.js +10 -2
- package/cjs/constants/action.js.map +1 -1
- package/cjs/constants/character.d.ts +0 -1
- package/cjs/constants/character.js +1 -2
- package/cjs/constants/character.js.map +1 -1
- package/cjs/constants/config.js +2 -1
- package/cjs/dsl/constant/index.d.ts +13 -0
- package/cjs/dsl/constant/index.js +6 -1
- package/cjs/dsl/constant/index.js.map +1 -1
- package/cjs/dsl/story-chart/area.d.ts +2 -0
- package/cjs/dsl/story-chart/area.js +5 -1
- package/cjs/dsl/story-chart/area.js.map +1 -1
- package/cjs/dsl/story-chart/bar.d.ts +2 -0
- package/cjs/dsl/story-chart/bar.js +1 -1
- package/cjs/dsl/story-chart/bar.js.map +1 -1
- package/cjs/dsl/story-chart/line.d.ts +2 -0
- package/cjs/dsl/story-chart/line.js +1 -1
- package/cjs/dsl/story-chart/line.js.map +1 -1
- package/cjs/dsl/story-chart/pie.d.ts +2 -0
- package/cjs/dsl/story-chart/pie.js +3 -0
- package/cjs/dsl/story-chart/pie.js.map +1 -1
- package/cjs/dsl/story-processor/graphic/appear.js.map +1 -1
- package/cjs/dsl/story-processor/graphic/effect/appear.js +2 -7
- package/cjs/dsl/story-processor/graphic/effect/appear.js.map +1 -1
- package/cjs/dsl/story-processor/graphic/effect/typewriter.js +1 -1
- package/cjs/dsl/story-processor/graphic/effect/typewriter.js.map +1 -1
- package/cjs/dsl/types/Datum.js +1 -1
- package/cjs/dsl/types/index.js +1 -1
- package/cjs/edit/edit-component/index.js +1 -1
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +1 -2
- package/cjs/index.js.map +1 -1
- package/cjs/player/encode.js +2 -0
- package/cjs/player/interface/player.d.ts +5 -2
- package/cjs/player/interface/player.js.map +1 -1
- package/cjs/player/interface/scheduler.d.ts +1 -1
- package/cjs/player/interface/scheduler.js.map +1 -1
- package/cjs/player/player.d.ts +7 -2
- package/cjs/player/player.js +25 -19
- package/cjs/player/player.js.map +1 -1
- package/cjs/player/processor/chart/common/chartAppear.d.ts +5 -0
- package/cjs/player/processor/chart/common/chartAppear.js +11 -0
- package/cjs/player/processor/chart/common/chartAppear.js.map +1 -0
- package/cjs/player/processor/chart/common/commonAppear.d.ts +8 -0
- package/cjs/player/processor/chart/common/commonAppear.js +46 -0
- package/cjs/player/processor/chart/common/commonAppear.js.map +1 -0
- package/cjs/player/processor/chart/component/axisAppear.d.ts +2 -2
- package/cjs/player/processor/chart/component/axisAppear.js +2 -2
- package/cjs/player/processor/chart/component/axisAppear.js.map +1 -1
- package/cjs/player/processor/chart/component/commonAppear.d.ts +3 -3
- package/cjs/player/processor/chart/component/commonAppear.js +5 -17
- package/cjs/player/processor/chart/component/commonAppear.js.map +1 -1
- package/cjs/player/processor/chart/component/labelAppear.d.ts +2 -2
- package/cjs/player/processor/chart/component/labelAppear.js +1 -1
- package/cjs/player/processor/chart/component/labelAppear.js.map +1 -1
- package/cjs/player/processor/chart/component/legendsAppear.d.ts +4 -3
- package/cjs/player/processor/chart/component/legendsAppear.js +2 -3
- package/cjs/player/processor/chart/component/legendsAppear.js.map +1 -1
- package/cjs/player/processor/chart/component/titleAppear.d.ts +4 -3
- package/cjs/player/processor/chart/component/titleAppear.js +2 -3
- package/cjs/player/processor/chart/component/titleAppear.js.map +1 -1
- package/cjs/player/processor/chart/seriesmark/commonTransformMarkAppear.d.ts +3 -3
- package/cjs/player/processor/chart/seriesmark/commonTransformMarkAppear.js.map +1 -1
- package/cjs/player/processor/chart/seriesmark/{transformArcAppear.d.ts → transformArcVisibility.d.ts} +2 -2
- package/cjs/player/processor/chart/seriesmark/{transformArcAppear.js → transformArcVisibility.js} +5 -6
- package/cjs/player/processor/chart/seriesmark/transformArcVisibility.js.map +1 -0
- package/cjs/player/processor/chart/seriesmark/{transformRectAppear.d.ts → transformLineVisibility.d.ts} +2 -2
- package/cjs/player/processor/chart/seriesmark/transformLineVisibility.js +12 -0
- package/cjs/player/processor/chart/seriesmark/transformLineVisibility.js.map +1 -0
- package/cjs/player/processor/chart/seriesmark/{transformLineAppear.d.ts → transformRectVisibility.d.ts} +2 -2
- package/cjs/player/processor/chart/seriesmark/{transformRectAppear.js → transformRectVisibility.js} +6 -7
- package/cjs/player/processor/chart/seriesmark/transformRectVisibility.js.map +1 -0
- package/cjs/player/processor/chart/seriesmark/transformSymbolVisibility.d.ts +12 -0
- package/cjs/player/processor/chart/seriesmark/transformSymbolVisibility.js +12 -0
- package/cjs/player/processor/chart/seriesmark/transformSymbolVisibility.js.map +1 -0
- package/cjs/player/processor/chart/seriesmark/transformTextVisibility.d.ts +12 -0
- package/cjs/player/processor/chart/seriesmark/transformTextVisibility.js +12 -0
- package/cjs/player/processor/chart/seriesmark/transformTextVisibility.js.map +1 -0
- package/cjs/player/processor/chart/transformMap.d.ts +24 -18
- package/cjs/player/processor/chart/transformMap.js +8 -7
- package/cjs/player/processor/chart/transformMap.js.map +1 -1
- package/cjs/player/processor/chart/vchart.d.ts +62 -15
- package/cjs/player/processor/chart/vchart.js +98 -11
- package/cjs/player/processor/chart/vchart.js.map +1 -1
- package/cjs/player/processor/common/bounce-processor.d.ts +3 -0
- package/cjs/player/processor/common/bounce-processor.js +24 -0
- package/cjs/player/processor/common/bounce-processor.js.map +1 -0
- package/cjs/player/processor/common/common.d.ts +5 -0
- package/cjs/player/processor/common/common.js +20 -0
- package/cjs/player/processor/common/common.js.map +1 -0
- package/cjs/player/processor/common/fade-processor.d.ts +4 -0
- package/cjs/player/processor/common/fade-processor.js +36 -0
- package/cjs/player/processor/common/fade-processor.js.map +1 -0
- package/cjs/player/processor/common/move-processor.d.ts +8 -0
- package/cjs/player/processor/common/move-processor.js +155 -0
- package/cjs/player/processor/common/move-processor.js.map +1 -0
- package/cjs/player/processor/common/scale-processor.d.ts +8 -0
- package/cjs/player/processor/common/scale-processor.js +49 -0
- package/cjs/player/processor/common/scale-processor.js.map +1 -0
- package/cjs/player/processor/common/wipe-processor.d.ts +4 -0
- package/cjs/player/processor/common/wipe-processor.js +40 -0
- package/cjs/player/processor/common/wipe-processor.js.map +1 -0
- package/cjs/player/processor/common-processor.js +3 -0
- package/cjs/player/processor/common-processor.js.map +1 -0
- package/cjs/player/processor/component/common-component.d.ts +45 -9
- package/cjs/player/processor/component/common-component.js +98 -77
- package/cjs/player/processor/component/common-component.js.map +1 -1
- package/cjs/player/processor/component/image/image-visibility.d.ts +5 -0
- package/cjs/player/processor/component/image/image-visibility.js +16 -0
- package/cjs/player/processor/component/image/image-visibility.js.map +1 -0
- package/cjs/player/processor/component/line/line-visibility.d.ts +5 -0
- package/cjs/player/processor/component/line/line-visibility.js +16 -0
- package/cjs/player/processor/component/line/line-visibility.js.map +1 -0
- package/cjs/player/processor/component/rect/rect-visibility.d.ts +5 -0
- package/cjs/player/processor/component/rect/rect-visibility.js +16 -0
- package/cjs/player/processor/component/rect/rect-visibility.js.map +1 -0
- package/cjs/player/processor/component/shape/shape-visibility.d.ts +5 -0
- package/cjs/player/processor/component/shape/shape-visibility.js +16 -0
- package/cjs/player/processor/component/shape/shape-visibility.js.map +1 -0
- package/cjs/player/processor/component/text/text-visibility.d.ts +6 -0
- package/cjs/player/processor/component/text/text-visibility.js +41 -0
- package/cjs/player/processor/component/text/text-visibility.js.map +1 -0
- package/cjs/player/processor/component/timeline/timeline-visibility.d.ts +15 -0
- package/cjs/player/processor/component/timeline/timeline-visibility.js +79 -0
- package/cjs/player/processor/component/timeline/timeline-visibility.js.map +1 -0
- package/cjs/player/processor/component/utils.d.ts +3 -1
- package/cjs/player/processor/component/utils.js +16 -1
- package/cjs/player/processor/component/utils.js.map +1 -1
- package/cjs/player/processor/interface/action-processor.d.ts +6 -6
- package/cjs/player/processor/interface/action-processor.js.map +1 -1
- package/cjs/player/processor/interface/appear-action.d.ts +30 -18
- package/cjs/player/processor/interface/appear-action.js.map +1 -1
- package/cjs/player/processor/interface/common-action.d.ts +14 -0
- package/cjs/player/processor/interface/common-action.js +6 -0
- package/cjs/player/processor/interface/common-action.js.map +1 -0
- package/cjs/player/processor/interface/style-action.d.ts +34 -0
- package/cjs/player/processor/interface/style-action.js +6 -0
- package/cjs/player/processor/interface/style-action.js.map +1 -0
- package/cjs/player/processor/processor-item.d.ts +5 -5
- package/cjs/player/processor/processor-item.js.map +1 -1
- package/cjs/player/processor/processor.d.ts +3 -3
- package/cjs/player/processor/processor.js +2 -2
- package/cjs/player/processor/processor.js.map +1 -1
- package/cjs/player/processor/processorMap.d.ts +22 -21
- package/cjs/player/processor/processorMap.js +42 -8
- package/cjs/player/processor/processorMap.js.map +1 -1
- package/cjs/player/scheduler.d.ts +4 -3
- package/cjs/player/scheduler.js +7 -5
- package/cjs/player/scheduler.js.map +1 -1
- package/cjs/story/canvas/canvas.d.ts +4 -2
- package/cjs/story/canvas/canvas.js +17 -10
- package/cjs/story/canvas/canvas.js.map +1 -1
- package/cjs/story/character/base/base.d.ts +3 -4
- package/cjs/story/character/base/base.js +6 -3
- package/cjs/story/character/base/base.js.map +1 -1
- package/cjs/story/character/chart/character.d.ts +1 -0
- package/cjs/story/character/chart/character.js +13 -4
- package/cjs/story/character/chart/character.js.map +1 -1
- package/cjs/story/character/chart/graphic/vchart-graphic-render.js +3 -3
- package/cjs/story/character/chart/graphic/vchart-graphic-render.js.map +1 -1
- package/cjs/story/character/chart/graphic/vchart-graphic.d.ts +1 -0
- package/cjs/story/character/chart/graphic/vchart-graphic.js +5 -1
- package/cjs/story/character/chart/graphic/vchart-graphic.js.map +1 -1
- package/cjs/story/character/component/character-group/component-group-graphic.d.ts +1 -0
- package/cjs/story/character/component/character-group/component-group-graphic.js +8 -2
- package/cjs/story/character/component/character-group/component-group-graphic.js.map +1 -1
- package/cjs/story/character/component/character.d.ts +4 -3
- package/cjs/story/character/component/character.js +8 -5
- package/cjs/story/character/component/character.js.map +1 -1
- package/cjs/story/character/component/characters/character-richtext.d.ts +1 -6
- package/cjs/story/character/component/characters/character-richtext.js +0 -16
- package/cjs/story/character/component/characters/character-richtext.js.map +1 -1
- package/cjs/story/character/component/characters/character-text.js +1 -1
- package/cjs/story/character/component/characters/character-text.js.map +1 -1
- package/cjs/story/character/component/graphic/graphic-base-text.d.ts +23 -0
- package/cjs/story/character/component/graphic/{graphic-text.js → graphic-base-text.js} +38 -22
- package/cjs/story/character/component/graphic/graphic-base-text.js.map +1 -0
- package/cjs/story/character/component/graphic/graphic.d.ts +1 -1
- package/cjs/story/character/component/graphic/graphic.js.map +1 -1
- package/cjs/story/character/component/graphic/richtext.d.ts +1 -9
- package/cjs/story/character/component/graphic/richtext.js +0 -45
- package/cjs/story/character/component/graphic/richtext.js.map +1 -1
- package/cjs/story/character/component/graphic/text.d.ts +4 -3
- package/cjs/story/character/component/graphic/text.js +21 -6
- package/cjs/story/character/component/graphic/text.js.map +1 -1
- package/cjs/story/character/component/graphic/timeline.d.ts +6 -0
- package/cjs/story/character/component/graphic/timeline.js +7 -1
- package/cjs/story/character/component/graphic/timeline.js.map +1 -1
- package/cjs/story/character/dsl-interface.d.ts +2 -2
- package/cjs/story/character/dsl-interface.js.map +1 -1
- package/cjs/story/character/runtime-interface.d.ts +1 -0
- package/cjs/story/character/runtime-interface.js.map +1 -1
- package/cjs/story/character/visactor/character.d.ts +5 -6
- package/cjs/story/character/visactor/character.js.map +1 -1
- package/cjs/story/character/visactor/interface.d.ts +1 -0
- package/cjs/story/character/visactor/interface.js.map +1 -1
- package/cjs/story/character-tree/character-tree.d.ts +1 -0
- package/cjs/story/character-tree/character-tree.js +6 -0
- package/cjs/story/character-tree/character-tree.js.map +1 -1
- package/cjs/story/index.js +1 -2
- package/cjs/story/index.js.map +1 -1
- package/cjs/story/interface/dsl-interface.d.ts +5 -8
- package/cjs/story/interface/dsl-interface.js.map +1 -1
- package/cjs/story/interface/player.d.ts +1 -13
- package/cjs/story/interface/player.js +1 -4
- package/cjs/story/interface/player.js.map +1 -1
- package/cjs/story/interface/runtime-interface.d.ts +3 -3
- package/cjs/story/interface/runtime-interface.js.map +1 -1
- package/cjs/story/story.d.ts +2 -1
- package/cjs/story/story.js +8 -6
- package/cjs/story/story.js.map +1 -1
- package/dist/index.js +111158 -0
- package/dist/index.min.js +20 -0
- package/es/animate/typewirter.d.ts +3 -4
- package/es/animate/typewirter.js +46 -30
- package/es/animate/typewirter.js.map +1 -1
- package/es/constants/action.d.ts +9 -0
- package/es/constants/action.js +11 -1
- package/es/constants/action.js.map +1 -1
- package/es/constants/character.d.ts +0 -1
- package/es/constants/character.js +1 -2
- package/es/constants/character.js.map +1 -1
- package/es/constants/config.js +2 -1
- package/es/dsl/constant/index.d.ts +13 -0
- package/es/dsl/constant/index.js +6 -1
- package/es/dsl/constant/index.js.map +1 -1
- package/es/dsl/story-chart/area.d.ts +2 -0
- package/es/dsl/story-chart/area.js +5 -1
- package/es/dsl/story-chart/area.js.map +1 -1
- package/es/dsl/story-chart/bar.d.ts +2 -0
- package/es/dsl/story-chart/bar.js +1 -1
- package/es/dsl/story-chart/bar.js.map +1 -1
- package/es/dsl/story-chart/line.d.ts +2 -0
- package/es/dsl/story-chart/line.js +1 -1
- package/es/dsl/story-chart/line.js.map +1 -1
- package/es/dsl/story-chart/pie.d.ts +2 -0
- package/es/dsl/story-chart/pie.js +3 -0
- package/es/dsl/story-chart/pie.js.map +1 -1
- package/es/dsl/story-processor/graphic/appear.js.map +1 -1
- package/es/dsl/story-processor/graphic/effect/appear.js +1 -8
- package/es/dsl/story-processor/graphic/effect/appear.js.map +1 -1
- package/es/dsl/story-processor/graphic/effect/typewriter.js +1 -1
- package/es/dsl/story-processor/graphic/effect/typewriter.js.map +1 -1
- package/es/dsl/types/Datum.js +1 -1
- package/es/dsl/types/index.js +1 -1
- package/es/edit/edit-component/index.js +1 -1
- package/es/index.d.ts +0 -1
- package/es/index.js +1 -3
- package/es/index.js.map +1 -1
- package/es/player/encode.js +2 -0
- package/es/player/interface/player.d.ts +5 -2
- package/es/player/interface/player.js.map +1 -1
- package/es/player/interface/scheduler.d.ts +1 -1
- package/es/player/interface/scheduler.js.map +1 -1
- package/es/player/player.d.ts +7 -2
- package/es/player/player.js +27 -18
- package/es/player/player.js.map +1 -1
- package/es/player/processor/chart/common/chartAppear.d.ts +5 -0
- package/es/player/processor/chart/common/chartAppear.js +4 -0
- package/es/player/processor/chart/common/chartAppear.js.map +1 -0
- package/es/player/processor/chart/common/commonAppear.d.ts +8 -0
- package/es/player/processor/chart/common/commonAppear.js +36 -0
- package/es/player/processor/chart/common/commonAppear.js.map +1 -0
- package/es/player/processor/chart/component/axisAppear.d.ts +2 -2
- package/es/player/processor/chart/component/axisAppear.js +3 -1
- package/es/player/processor/chart/component/axisAppear.js.map +1 -1
- package/es/player/processor/chart/component/commonAppear.d.ts +3 -3
- package/es/player/processor/chart/component/commonAppear.js +3 -14
- package/es/player/processor/chart/component/commonAppear.js.map +1 -1
- package/es/player/processor/chart/component/labelAppear.d.ts +2 -2
- package/es/player/processor/chart/component/labelAppear.js +1 -1
- package/es/player/processor/chart/component/labelAppear.js.map +1 -1
- package/es/player/processor/chart/component/legendsAppear.d.ts +4 -3
- package/es/player/processor/chart/component/legendsAppear.js +2 -2
- package/es/player/processor/chart/component/legendsAppear.js.map +1 -1
- package/es/player/processor/chart/component/titleAppear.d.ts +4 -3
- package/es/player/processor/chart/component/titleAppear.js +2 -2
- package/es/player/processor/chart/component/titleAppear.js.map +1 -1
- package/es/player/processor/chart/seriesmark/commonTransformMarkAppear.d.ts +3 -3
- package/es/player/processor/chart/seriesmark/commonTransformMarkAppear.js.map +1 -1
- package/{cjs/player/processor/chart/seriesmark/transformSymbolAppear.d.ts → es/player/processor/chart/seriesmark/transformArcVisibility.d.ts} +3 -3
- package/es/player/processor/chart/seriesmark/{transformArcAppear.js → transformArcVisibility.js} +3 -4
- package/es/player/processor/chart/seriesmark/transformArcVisibility.js.map +1 -0
- package/es/player/processor/chart/seriesmark/transformLineVisibility.d.ts +12 -0
- package/es/player/processor/chart/seriesmark/transformLineVisibility.js +4 -0
- package/es/player/processor/chart/seriesmark/transformLineVisibility.js.map +1 -0
- package/es/player/processor/chart/seriesmark/transformRectVisibility.d.ts +12 -0
- package/es/player/processor/chart/seriesmark/{transformRectAppear.js → transformRectVisibility.js} +4 -5
- package/es/player/processor/chart/seriesmark/transformRectVisibility.js.map +1 -0
- package/es/player/processor/chart/seriesmark/transformSymbolVisibility.d.ts +12 -0
- package/es/player/processor/chart/seriesmark/transformSymbolVisibility.js +4 -0
- package/es/player/processor/chart/seriesmark/transformSymbolVisibility.js.map +1 -0
- package/es/player/processor/chart/seriesmark/transformTextVisibility.d.ts +12 -0
- package/es/player/processor/chart/seriesmark/transformTextVisibility.js +4 -0
- package/es/player/processor/chart/seriesmark/transformTextVisibility.js.map +1 -0
- package/es/player/processor/chart/transformMap.d.ts +24 -18
- package/es/player/processor/chart/transformMap.js +14 -11
- package/es/player/processor/chart/transformMap.js.map +1 -1
- package/es/player/processor/chart/vchart.d.ts +62 -15
- package/es/player/processor/chart/vchart.js +92 -9
- package/es/player/processor/chart/vchart.js.map +1 -1
- package/es/player/processor/common/bounce-processor.d.ts +3 -0
- package/es/player/processor/common/bounce-processor.js +20 -0
- package/es/player/processor/common/bounce-processor.js.map +1 -0
- package/es/player/processor/common/common.d.ts +5 -0
- package/es/player/processor/common/common.js +12 -0
- package/es/player/processor/common/common.js.map +1 -0
- package/es/player/processor/common/fade-processor.d.ts +4 -0
- package/es/player/processor/common/fade-processor.js +30 -0
- package/es/player/processor/common/fade-processor.js.map +1 -0
- package/es/player/processor/common/move-processor.d.ts +8 -0
- package/es/player/processor/common/move-processor.js +148 -0
- package/es/player/processor/common/move-processor.js.map +1 -0
- package/es/player/processor/common/scale-processor.d.ts +8 -0
- package/es/player/processor/common/scale-processor.js +43 -0
- package/es/player/processor/common/scale-processor.js.map +1 -0
- package/es/player/processor/common/wipe-processor.d.ts +4 -0
- package/es/player/processor/common/wipe-processor.js +36 -0
- package/es/player/processor/common/wipe-processor.js.map +1 -0
- package/es/player/processor/common-processor.js +3 -0
- package/es/player/processor/common-processor.js.map +1 -0
- package/es/player/processor/component/common-component.d.ts +45 -9
- package/es/player/processor/component/common-component.js +97 -73
- package/es/player/processor/component/common-component.js.map +1 -1
- package/es/player/processor/component/image/image-visibility.d.ts +5 -0
- package/es/player/processor/component/image/image-visibility.js +8 -0
- package/es/player/processor/component/image/image-visibility.js.map +1 -0
- package/es/player/processor/component/line/line-visibility.d.ts +5 -0
- package/es/player/processor/component/line/line-visibility.js +8 -0
- package/es/player/processor/component/line/line-visibility.js.map +1 -0
- package/es/player/processor/component/rect/rect-visibility.d.ts +5 -0
- package/es/player/processor/component/rect/rect-visibility.js +8 -0
- package/es/player/processor/component/rect/rect-visibility.js.map +1 -0
- package/es/player/processor/component/shape/shape-visibility.d.ts +5 -0
- package/es/player/processor/component/shape/shape-visibility.js +8 -0
- package/es/player/processor/component/shape/shape-visibility.js.map +1 -0
- package/es/player/processor/component/text/text-visibility.d.ts +6 -0
- package/es/player/processor/component/text/text-visibility.js +39 -0
- package/es/player/processor/component/text/text-visibility.js.map +1 -0
- package/es/player/processor/component/timeline/timeline-visibility.d.ts +15 -0
- package/es/player/processor/component/timeline/timeline-visibility.js +71 -0
- package/es/player/processor/component/timeline/timeline-visibility.js.map +1 -0
- package/es/player/processor/component/utils.d.ts +3 -1
- package/es/player/processor/component/utils.js +13 -0
- package/es/player/processor/component/utils.js.map +1 -1
- package/es/player/processor/interface/action-processor.d.ts +6 -6
- package/es/player/processor/interface/action-processor.js.map +1 -1
- package/es/player/processor/interface/appear-action.d.ts +30 -18
- package/es/player/processor/interface/appear-action.js.map +1 -1
- package/es/player/processor/interface/common-action.d.ts +14 -0
- package/es/player/processor/interface/common-action.js +2 -0
- package/es/player/processor/interface/common-action.js.map +1 -0
- package/es/player/processor/interface/style-action.d.ts +34 -0
- package/es/player/processor/interface/style-action.js +2 -0
- package/es/player/processor/interface/style-action.js.map +1 -0
- package/es/player/processor/processor-item.d.ts +5 -5
- package/es/player/processor/processor-item.js.map +1 -1
- package/es/player/processor/processor.d.ts +3 -3
- package/es/player/processor/processor.js +2 -2
- package/es/player/processor/processor.js.map +1 -1
- package/es/player/processor/processorMap.d.ts +22 -21
- package/es/player/processor/processorMap.js +51 -15
- package/es/player/processor/processorMap.js.map +1 -1
- package/es/player/scheduler.d.ts +4 -3
- package/es/player/scheduler.js +7 -5
- package/es/player/scheduler.js.map +1 -1
- package/es/story/canvas/canvas.d.ts +4 -2
- package/es/story/canvas/canvas.js +18 -10
- package/es/story/canvas/canvas.js.map +1 -1
- package/es/story/character/base/base.d.ts +3 -4
- package/es/story/character/base/base.js +6 -3
- package/es/story/character/base/base.js.map +1 -1
- package/es/story/character/chart/character.d.ts +1 -0
- package/es/story/character/chart/character.js +6 -3
- package/es/story/character/chart/character.js.map +1 -1
- package/es/story/character/chart/graphic/vchart-graphic-render.js +3 -3
- package/es/story/character/chart/graphic/vchart-graphic-render.js.map +1 -1
- package/es/story/character/chart/graphic/vchart-graphic.d.ts +1 -0
- package/es/story/character/chart/graphic/vchart-graphic.js +5 -1
- package/es/story/character/chart/graphic/vchart-graphic.js.map +1 -1
- package/es/story/character/component/character-group/component-group-graphic.d.ts +1 -0
- package/es/story/character/component/character-group/component-group-graphic.js +8 -2
- package/es/story/character/component/character-group/component-group-graphic.js.map +1 -1
- package/es/story/character/component/character.d.ts +4 -3
- package/es/story/character/component/character.js +8 -4
- package/es/story/character/component/character.js.map +1 -1
- package/es/story/character/component/characters/character-richtext.d.ts +1 -6
- package/es/story/character/component/characters/character-richtext.js +0 -12
- package/es/story/character/component/characters/character-richtext.js.map +1 -1
- package/es/story/character/component/characters/character-text.js +2 -2
- package/es/story/character/component/characters/character-text.js.map +1 -1
- package/es/story/character/component/graphic/graphic-base-text.d.ts +23 -0
- package/es/story/character/component/graphic/{graphic-text.js → graphic-base-text.js} +37 -21
- package/es/story/character/component/graphic/graphic-base-text.js.map +1 -0
- package/es/story/character/component/graphic/graphic.d.ts +1 -1
- package/es/story/character/component/graphic/graphic.js.map +1 -1
- package/es/story/character/component/graphic/richtext.d.ts +1 -9
- package/es/story/character/component/graphic/richtext.js +0 -41
- package/es/story/character/component/graphic/richtext.js.map +1 -1
- package/es/story/character/component/graphic/text.d.ts +4 -3
- package/es/story/character/component/graphic/text.js +21 -4
- package/es/story/character/component/graphic/text.js.map +1 -1
- package/es/story/character/component/graphic/timeline.d.ts +6 -0
- package/es/story/character/component/graphic/timeline.js +7 -1
- package/es/story/character/component/graphic/timeline.js.map +1 -1
- package/es/story/character/dsl-interface.d.ts +2 -2
- package/es/story/character/dsl-interface.js.map +1 -1
- package/es/story/character/runtime-interface.d.ts +1 -0
- package/es/story/character/runtime-interface.js.map +1 -1
- package/es/story/character/visactor/character.d.ts +5 -6
- package/es/story/character/visactor/character.js.map +1 -1
- package/es/story/character/visactor/interface.d.ts +1 -0
- package/es/story/character/visactor/interface.js.map +1 -1
- package/es/story/character-tree/character-tree.d.ts +1 -0
- package/es/story/character-tree/character-tree.js +6 -0
- package/es/story/character-tree/character-tree.js.map +1 -1
- package/es/story/index.js +0 -3
- package/es/story/index.js.map +1 -1
- package/es/story/interface/dsl-interface.d.ts +5 -8
- package/es/story/interface/dsl-interface.js.map +1 -1
- package/es/story/interface/player.d.ts +1 -13
- package/es/story/interface/player.js +2 -1
- package/es/story/interface/player.js.map +1 -1
- package/es/story/interface/runtime-interface.d.ts +3 -3
- package/es/story/interface/runtime-interface.js.map +1 -1
- package/es/story/story.d.ts +2 -1
- package/es/story/story.js +8 -6
- package/es/story/story.js.map +1 -1
- package/package.json +7 -7
- package/cjs/player/processor/chart/seriesmark/transformArcAppear.js.map +0 -1
- package/cjs/player/processor/chart/seriesmark/transformLineAppear.js +0 -14
- package/cjs/player/processor/chart/seriesmark/transformLineAppear.js.map +0 -1
- package/cjs/player/processor/chart/seriesmark/transformRectAppear.js.map +0 -1
- package/cjs/player/processor/chart/seriesmark/transformSymbolAppear.js +0 -14
- package/cjs/player/processor/chart/seriesmark/transformSymbolAppear.js.map +0 -1
- package/cjs/player/processor/chart/seriesmark/transformTextAppear.d.ts +0 -12
- package/cjs/player/processor/chart/seriesmark/transformTextAppear.js +0 -14
- package/cjs/player/processor/chart/seriesmark/transformTextAppear.js.map +0 -1
- package/cjs/player/processor/component/image/image-appear.d.ts +0 -5
- package/cjs/player/processor/component/image/image-appear.js +0 -16
- package/cjs/player/processor/component/image/image-appear.js.map +0 -1
- package/cjs/player/processor/component/line/line-appear.d.ts +0 -5
- package/cjs/player/processor/component/line/line-appear.js +0 -16
- package/cjs/player/processor/component/line/line-appear.js.map +0 -1
- package/cjs/player/processor/component/rect/rect-appear.d.ts +0 -5
- package/cjs/player/processor/component/rect/rect-appear.js +0 -16
- package/cjs/player/processor/component/rect/rect-appear.js.map +0 -1
- package/cjs/player/processor/component/shape/shape-appear.d.ts +0 -5
- package/cjs/player/processor/component/shape/shape-appear.js +0 -16
- package/cjs/player/processor/component/shape/shape-appear.js.map +0 -1
- package/cjs/player/processor/component/text/text-appear.d.ts +0 -7
- package/cjs/player/processor/component/text/text-appear.js +0 -34
- package/cjs/player/processor/component/text/text-appear.js.map +0 -1
- package/cjs/player/processor/component/timeline/timeline-appear.d.ts +0 -7
- package/cjs/player/processor/component/timeline/timeline-appear.js +0 -33
- package/cjs/player/processor/component/timeline/timeline-appear.js.map +0 -1
- package/cjs/story/character/component/graphic/graphic-text.d.ts +0 -18
- package/cjs/story/character/component/graphic/graphic-text.js.map +0 -1
- package/cjs/story/player/encode.js +0 -3
- package/cjs/story/player/encode.js.map +0 -1
- package/cjs/story/player/index.js +0 -3
- package/cjs/story/player/index.js.map +0 -1
- package/cjs/story/player/ticker.d.ts +0 -1
- package/cjs/story/player/ticker.js +0 -3
- package/cjs/story/player/ticker.js.map +0 -1
- package/es/player/processor/chart/seriesmark/transformArcAppear.d.ts +0 -12
- package/es/player/processor/chart/seriesmark/transformArcAppear.js.map +0 -1
- package/es/player/processor/chart/seriesmark/transformLineAppear.d.ts +0 -12
- package/es/player/processor/chart/seriesmark/transformLineAppear.js +0 -7
- package/es/player/processor/chart/seriesmark/transformLineAppear.js.map +0 -1
- package/es/player/processor/chart/seriesmark/transformRectAppear.d.ts +0 -12
- package/es/player/processor/chart/seriesmark/transformRectAppear.js.map +0 -1
- package/es/player/processor/chart/seriesmark/transformSymbolAppear.d.ts +0 -12
- package/es/player/processor/chart/seriesmark/transformSymbolAppear.js +0 -7
- package/es/player/processor/chart/seriesmark/transformSymbolAppear.js.map +0 -1
- package/es/player/processor/chart/seriesmark/transformTextAppear.d.ts +0 -12
- package/es/player/processor/chart/seriesmark/transformTextAppear.js +0 -7
- package/es/player/processor/chart/seriesmark/transformTextAppear.js.map +0 -1
- package/es/player/processor/component/image/image-appear.d.ts +0 -5
- package/es/player/processor/component/image/image-appear.js +0 -8
- package/es/player/processor/component/image/image-appear.js.map +0 -1
- package/es/player/processor/component/line/line-appear.d.ts +0 -5
- package/es/player/processor/component/line/line-appear.js +0 -8
- package/es/player/processor/component/line/line-appear.js.map +0 -1
- package/es/player/processor/component/rect/rect-appear.d.ts +0 -5
- package/es/player/processor/component/rect/rect-appear.js +0 -8
- package/es/player/processor/component/rect/rect-appear.js.map +0 -1
- package/es/player/processor/component/shape/shape-appear.d.ts +0 -5
- package/es/player/processor/component/shape/shape-appear.js +0 -8
- package/es/player/processor/component/shape/shape-appear.js.map +0 -1
- package/es/player/processor/component/text/text-appear.d.ts +0 -7
- package/es/player/processor/component/text/text-appear.js +0 -32
- package/es/player/processor/component/text/text-appear.js.map +0 -1
- package/es/player/processor/component/timeline/timeline-appear.d.ts +0 -7
- package/es/player/processor/component/timeline/timeline-appear.js +0 -27
- package/es/player/processor/component/timeline/timeline-appear.js.map +0 -1
- package/es/story/character/component/graphic/graphic-text.d.ts +0 -18
- package/es/story/character/component/graphic/graphic-text.js.map +0 -1
- package/es/story/player/encode.d.ts +0 -1
- package/es/story/player/encode.js +0 -3
- package/es/story/player/encode.js.map +0 -1
- package/es/story/player/index.d.ts +0 -1
- package/es/story/player/index.js +0 -3
- package/es/story/player/index.js.map +0 -1
- package/es/story/player/ticker.d.ts +0 -1
- package/es/story/player/ticker.js +0 -3
- package/es/story/player/ticker.js.map +0 -1
- /package/cjs/{story/player/encode.d.ts → player/processor/common-processor.d.ts} +0 -0
- /package/{cjs/story/player/index.d.ts → es/player/processor/common-processor.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/interface/scheduler.ts"],"names":[],"mappings":"","file":"scheduler.js","sourcesContent":["import type { IActSpec } from '../../story/interface';\nimport type { IActionItem } from '../scheduler';\n\nexport interface IScheduler {\n
|
|
1
|
+
{"version":3,"sources":["../src/player/interface/scheduler.ts"],"names":[],"mappings":"","file":"scheduler.js","sourcesContent":["import type { IActSpec } from '../../story/interface';\nimport type { IActionItem } from '../scheduler';\n\nexport interface IScheduler {\n init: (acts: IActSpec[]) => void;\n getActionsInRange: (fromTime: number, toTime: number) => IActionItem[];\n clearState: () => void;\n getTotalTime: () => number;\n}\n"]}
|
package/cjs/player/player.d.ts
CHANGED
|
@@ -2,19 +2,24 @@ import type { IActSpec, IStory } from '../story/interface';
|
|
|
2
2
|
import type { IPlayer } from './interface/player';
|
|
3
3
|
import type { IActionProcessor } from './processor/interface/action-processor';
|
|
4
4
|
import type { IScheduler } from './interface/scheduler';
|
|
5
|
+
import { EventEmitter } from '@visactor/vutils';
|
|
5
6
|
export declare class Ticker {
|
|
6
7
|
cb?: (delta: number) => void;
|
|
7
8
|
rafIdx: number;
|
|
9
|
+
running: boolean;
|
|
10
|
+
speed: number;
|
|
8
11
|
start(cb: (t: number) => void): void;
|
|
9
12
|
_tick: (lt: number) => void;
|
|
10
13
|
stop(): void;
|
|
11
14
|
}
|
|
12
|
-
export declare class Player implements IPlayer {
|
|
15
|
+
export declare class Player extends EventEmitter implements IPlayer {
|
|
13
16
|
protected _story: IStory;
|
|
14
17
|
protected _ticker: Ticker;
|
|
15
18
|
protected _currTime: number;
|
|
16
19
|
protected _actionProcessor: IActionProcessor;
|
|
17
20
|
protected _scheduler: IScheduler;
|
|
21
|
+
set speed(speed: number);
|
|
22
|
+
get speed(): number;
|
|
18
23
|
constructor(story: IStory, options?: {
|
|
19
24
|
scaleX?: number;
|
|
20
25
|
scaleY?: number;
|
|
@@ -22,7 +27,7 @@ export declare class Player implements IPlayer {
|
|
|
22
27
|
initActs(acts: IActSpec[]): void;
|
|
23
28
|
reset(): void;
|
|
24
29
|
tickTo(t: number): void;
|
|
25
|
-
play(
|
|
30
|
+
play(): void;
|
|
26
31
|
encodeToVideo(millsecond: number, fps: number): Promise<any>;
|
|
27
32
|
pause(): void;
|
|
28
33
|
resume(): void;
|
package/cjs/player/player.js
CHANGED
|
@@ -30,45 +30,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
30
30
|
value: !0
|
|
31
31
|
}), exports.Player = exports.Ticker = void 0;
|
|
32
32
|
|
|
33
|
-
const processor_1 = require("./processor/processor"), processorMap_1 = require("./processor/processorMap"), scheduler_1 = require("./scheduler");
|
|
33
|
+
const processor_1 = require("./processor/processor"), processorMap_1 = require("./processor/processorMap"), scheduler_1 = require("./scheduler"), vutils_1 = require("@visactor/vutils");
|
|
34
34
|
|
|
35
35
|
class Ticker {
|
|
36
36
|
constructor() {
|
|
37
|
-
this.rafIdx = 0, this._tick = lt => {
|
|
37
|
+
this.rafIdx = 0, this.speed = 1, this._tick = lt => {
|
|
38
|
+
if (!this.running) return;
|
|
38
39
|
const ct = Date.now();
|
|
39
|
-
this.cb && this.cb(0 === lt ? 0 : ct - lt)
|
|
40
|
+
this.rafIdx = requestAnimationFrame((() => this._tick(ct))), this.cb && this.cb((0 === lt ? 0 : ct - lt) * this.speed);
|
|
40
41
|
};
|
|
41
42
|
}
|
|
42
43
|
start(cb) {
|
|
43
|
-
this.stop(), this.cb = cb, this._tick(0);
|
|
44
|
+
this.stop(), this.cb = cb, this.running = !0, this._tick(0);
|
|
44
45
|
}
|
|
45
46
|
stop() {
|
|
46
|
-
this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
|
|
47
|
+
this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0, this.running = !1;
|
|
47
48
|
}
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
exports.Ticker = Ticker;
|
|
51
52
|
|
|
52
|
-
class Player {
|
|
53
|
+
class Player extends vutils_1.EventEmitter {
|
|
54
|
+
set speed(speed) {
|
|
55
|
+
this._scheduler && (this._ticker.speed = speed);
|
|
56
|
+
}
|
|
57
|
+
get speed() {
|
|
58
|
+
return this._ticker ? this._ticker.speed : 1;
|
|
59
|
+
}
|
|
53
60
|
constructor(story, options) {
|
|
54
61
|
var _a, _b;
|
|
55
|
-
this._story = story, this._ticker = new Ticker, this._currTime = 0
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}), this._actionProcessor = new processor_1.ActionProcessor(story, processorMap_1.processorMap),
|
|
62
|
+
super(), this._story = story, this._ticker = new Ticker, this._currTime = 0;
|
|
63
|
+
const stage = this._story.canvas.getStage(), scaleX = null !== (_a = null == options ? void 0 : options.scaleX) && void 0 !== _a ? _a : 1, scaleY = null !== (_b = null == options ? void 0 : options.scaleY) && void 0 !== _b ? _b : 1;
|
|
64
|
+
stage.window.setViewBoxTransform(scaleX, 0, 0, scaleY, 0, 0), this._actionProcessor = new processor_1.ActionProcessor(story, processorMap_1.processorMap),
|
|
59
65
|
this._scheduler = new scheduler_1.Scheduler(this._actionProcessor);
|
|
60
66
|
}
|
|
61
67
|
initActs(acts) {
|
|
62
|
-
this._scheduler.
|
|
68
|
+
this._scheduler.init(acts);
|
|
63
69
|
}
|
|
64
70
|
reset() {
|
|
65
|
-
this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear()
|
|
71
|
+
this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear(),
|
|
72
|
+
this._currTime = 0;
|
|
66
73
|
}
|
|
67
74
|
tickTo(t) {
|
|
68
|
-
const lastTime = this._currTime
|
|
69
|
-
|
|
70
|
-
lastTime > t && (lastTime < totalTime ? t = totalTime + .01 : (this.reset(), this._currTime = 0,
|
|
71
|
-
this.tickTo(0)));
|
|
75
|
+
const lastTime = this._currTime;
|
|
76
|
+
lastTime > t && this.reset();
|
|
72
77
|
const actions = this._scheduler.getActionsInRange(lastTime, t), characterSet = new Set;
|
|
73
78
|
actions.forEach((action => {
|
|
74
79
|
const character = this._story.getCharactersById(action.characterId);
|
|
@@ -77,11 +82,12 @@ class Player {
|
|
|
77
82
|
character.show();
|
|
78
83
|
})), this._currTime = t, this._story.canvas.getStage().ticker.tickAt(t), this._story.canvas.getStage().render();
|
|
79
84
|
}
|
|
80
|
-
play(
|
|
85
|
+
play() {
|
|
81
86
|
this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
|
|
82
|
-
const totalTime = this._scheduler.getTotalTime();
|
|
83
87
|
let nextT = this._currTime + t;
|
|
84
|
-
|
|
88
|
+
const totalTime = this._scheduler.getTotalTime();
|
|
89
|
+
nextT >= totalTime ? (nextT = totalTime, this.tickTo(nextT), this._ticker.stop(),
|
|
90
|
+
this.emit("onstop")) : this.tickTo(nextT);
|
|
85
91
|
}));
|
|
86
92
|
}
|
|
87
93
|
encodeToVideo(millsecond, fps) {
|
package/cjs/player/player.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/player.ts"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { IActSpec, IStory } from '../story/interface';\nimport type { ICharacter } from '../story/character';\nimport type { IPlayer } from './interface/player';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport { ActionProcessor } from './processor/processor';\nimport { processorMap } from './processor/processorMap';\nimport type { IScheduler } from './interface/scheduler';\nimport { Scheduler } from './scheduler';\nimport { EventEmitter } from '@visactor/vutils';\n\nexport class Ticker {\n cb?: (delta: number) => void;\n rafIdx = 0;\n running: boolean;\n speed: number = 1;\n start(cb: (t: number) => void) {\n this.stop();\n this.cb = cb;\n this.running = true;\n this._tick(0);\n }\n\n _tick = (lt: number) => {\n if (!this.running) {\n return;\n }\n const ct = Date.now();\n this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n this.cb && this.cb((lt === 0 ? 0 : ct - lt) * this.speed);\n };\n\n stop() {\n this.rafIdx && cancelAnimationFrame(this.rafIdx);\n this.rafIdx = 0;\n this.running = false;\n }\n}\n\nexport class Player extends EventEmitter implements IPlayer {\n protected _story: IStory;\n protected _ticker: Ticker;\n protected _currTime: number;\n // protected _encoder: Encoder;\n protected _actionProcessor: IActionProcessor;\n protected _scheduler: IScheduler;\n\n set speed(speed: number) {\n if (this._scheduler) {\n this._ticker.speed = speed;\n }\n }\n\n get speed(): number {\n return this._ticker ? this._ticker.speed : 1;\n }\n\n constructor(story: IStory, options?: { scaleX?: number; scaleY?: number }) {\n super();\n this._story = story;\n this._ticker = new Ticker();\n this._currTime = 0;\n const stage = this._story.canvas.getStage();\n const scaleX = options?.scaleX ?? 1;\n const scaleY = options?.scaleY ?? 1;\n\n stage.window.setViewBoxTransform(scaleX, 0, 0, scaleY, 0, 0);\n\n // stage.defaultLayer.setAttributes({\n // scaleX,\n // scaleY\n // });\n // const b = stage.defaultLayer.AABBBounds;\n // const width = b.width() * scaleX;\n // const height = b.height() * scaleY;\n // (stage as any).setViewBox({ x1: 0, x2: width, y1: 0, y2: height }, false);\n // const b = this._story.canvas.getStage().defaultLayer.AABBBounds;\n // this._encoder = new Encoder();\n this._actionProcessor = new ActionProcessor(story, processorMap);\n this._scheduler = new Scheduler(this._actionProcessor);\n }\n\n initActs(acts: IActSpec[]) {\n this._scheduler.init(acts);\n }\n\n // 清除当前状态,一般用于回放操作\n reset() {\n this._scheduler.clearState();\n this._story.canvas.getStage().getTimeline().clear();\n this._currTime = 0;\n return;\n }\n\n tickTo(t: number) {\n // console.log(t);\n const lastTime = this._currTime;\n // 如果时间倒退,那就重置,从头开始(需要上层场景树也重置)\n if (lastTime > t) {\n this.reset();\n // this._currTime = 0;\n // this.tickTo(0);\n }\n\n const actions = this._scheduler.getActionsInRange(lastTime, t);\n const characterSet = new Set<ICharacter>();\n actions.forEach(action => {\n const character = this._story.getCharactersById(action.characterId);\n characterSet.add(character);\n this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);\n });\n\n // 将character show出来\n // TODO 后续放在appear处理,因为现在创建之后就会展示,所以只能先visible为false\n characterSet.forEach(character => {\n character.show();\n });\n\n this._currTime = t;\n this._story.canvas.getStage().ticker.tickAt(t);\n this._story.canvas.getStage().render();\n }\n\n play(): void {\n this._ticker.stop();\n this._currTime = 0;\n this.reset();\n this._ticker.start(t => {\n let nextT = this._currTime + t;\n const totalTime = this._scheduler.getTotalTime();\n // 时间超过总时长之后,停止ticker执行\n if (nextT >= totalTime) {\n nextT = totalTime;\n this.tickTo(nextT);\n this._ticker.stop();\n this.emit('onstop');\n } else {\n this.tickTo(nextT);\n }\n });\n }\n\n async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n // // if (!this._currChapter) {\n // // return;\n // // }\n // const frameNum = (millsecond / 1000) * fps;\n // const deltaT = 1000 / fps;\n // this.tickTo(0);\n // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n // const t = deltaT * i;\n // this.tickTo(t);\n // return new Promise((resolve, reject) => {\n // this._canvas\n // .getStage()\n // .window.getContext()\n // .canvas.nativeCanvas.toBlob((blob: any) => {\n // if (blob) {\n // resolve(blob);\n // } else {\n // // console.log('no blob');\n // reject('no blob');\n // }\n // }, `image/png`);\n // });\n // });\n\n // return objUrl;\n return null;\n }\n\n pause(): void {\n this._ticker.stop();\n }\n\n resume(): void {\n this._ticker._tick(this._currTime);\n }\n\n release(): void {\n return;\n }\n}\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
2
|
+
import type { IGroup } from '@visactor/vrender-core';
|
|
3
|
+
export declare const runChartAppear: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
|
+
disappear: boolean;
|
|
5
|
+
}) => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.runChartAppear = void 0;
|
|
6
|
+
|
|
7
|
+
const commonAppear_1 = require("./commonAppear"), runChartAppear = (instance, animation, option) => "grow" === animation.effect ? (0,
|
|
8
|
+
commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
|
|
9
|
+
|
|
10
|
+
exports.runChartAppear = runChartAppear;
|
|
11
|
+
//# sourceMappingURL=chartAppear.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/common/chartAppear.ts"],"names":[],"mappings":";;;AAEA,iDAAwD;AAGjD,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,SAAyD,EACzD,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB","file":"chartAppear.js","sourcesContent":["import type { IChartVisibilityAction } from '../../interface/appear-action';\nimport type { IGroup, ILine, IText } from '@visactor/vrender-core';\nimport { commonFade, commonGrow } from './commonAppear';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runChartAppear = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n switch (animation.effect) {\n case 'grow': {\n return commonGrow(instance, animation, option);\n }\n case 'fade': {\n return commonFade(instance, animation, option);\n }\n default: {\n return commonFade(instance, animation, option);\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IGroup } from '@visactor/vrender-core';
|
|
2
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
3
|
+
export declare const commonFade: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
|
+
disappear: boolean;
|
|
5
|
+
}) => void;
|
|
6
|
+
export declare const commonGrow: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
7
|
+
disappear: boolean;
|
|
8
|
+
}) => void;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.commonGrow = exports.commonFade = void 0;
|
|
6
|
+
|
|
7
|
+
const commonFade = (instance, animation, option) => {
|
|
8
|
+
const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, currOpacity = instance.attribute.baseOpacity, opacityMap = disappear ? {
|
|
9
|
+
from: null != currOpacity ? currOpacity : 1,
|
|
10
|
+
to: 0
|
|
11
|
+
} : {
|
|
12
|
+
from: 0,
|
|
13
|
+
to: null != currOpacity ? currOpacity : 1
|
|
14
|
+
};
|
|
15
|
+
instance.setAttributes({
|
|
16
|
+
baseOpacity: opacityMap.from
|
|
17
|
+
}), instance.animate().to({
|
|
18
|
+
baseOpacity: opacityMap.to
|
|
19
|
+
}, duration, easing);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.commonFade = commonFade;
|
|
23
|
+
|
|
24
|
+
const commonGrow = (instance, animation, option) => {
|
|
25
|
+
const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, currScaleX = instance.attribute.scaleX, currScaleY = instance.attribute.scaleY, opacityMap = disappear ? {
|
|
26
|
+
fromX: null != currScaleX ? currScaleX : 1,
|
|
27
|
+
fromY: null != currScaleY ? currScaleY : 1,
|
|
28
|
+
toX: 0,
|
|
29
|
+
toY: 0
|
|
30
|
+
} : {
|
|
31
|
+
fromX: 0,
|
|
32
|
+
fromY: 0,
|
|
33
|
+
toX: null != currScaleX ? currScaleX : 1,
|
|
34
|
+
toY: null != currScaleY ? currScaleY : 1
|
|
35
|
+
};
|
|
36
|
+
instance.setAttributes({
|
|
37
|
+
scaleX: opacityMap.fromX,
|
|
38
|
+
scaleY: opacityMap.fromY
|
|
39
|
+
}), instance.animate().to({
|
|
40
|
+
scaleX: opacityMap.toX,
|
|
41
|
+
scaleY: opacityMap.toY
|
|
42
|
+
}, duration, easing);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.commonGrow = commonGrow;
|
|
46
|
+
//# sourceMappingURL=commonAppear.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/common/commonAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAyD,EACzD,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC;IACnD,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,CAAC;IAErG,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1E,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AACK,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAyD,EACzD,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;IAC7C,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;IAC7C,MAAM,UAAU,GAAG,SAAS;QAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;QACpE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,CAAC;IAEvE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/E,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC9F,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\n\nexport const commonFade = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n const { duration, easing } = animation;\n const { disappear } = option;\n const currOpacity = instance.attribute.baseOpacity;\n const opacityMap = disappear ? { from: currOpacity ?? 1, to: 0 } : { from: 0, to: currOpacity ?? 1 };\n\n instance.setAttributes({ baseOpacity: opacityMap.from });\n instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\nexport const commonGrow = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n const { duration, easing } = animation;\n const { disappear } = option;\n const currScaleX = instance.attribute.scaleX;\n const currScaleY = instance.attribute.scaleY;\n const opacityMap = disappear\n ? { fromX: currScaleX ?? 1, fromY: currScaleY ?? 1, toX: 0, toY: 0 }\n : { fromX: 0, fromY: 0, toX: currScaleX ?? 1, toY: currScaleY ?? 1 };\n\n instance.setAttributes({ scaleX: opacityMap.fromX, scaleY: opacityMap.fromY });\n instance.animate().to({ scaleX: opacityMap.toX, scaleY: opacityMap.toY }, duration, easing);\n};\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
2
2
|
import type { IGroup } from '@visactor/vrender-core';
|
|
3
|
-
export declare const runAxisAppear: (instance: IGroup, animation:
|
|
3
|
+
export declare const runAxisAppear: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
4
|
disappear: boolean;
|
|
5
5
|
}) => void;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.runAxisAppear = void 0;
|
|
6
6
|
|
|
7
|
-
const commonAppear_1 = require("./commonAppear"), runAxisAppear = (instance, animation, option) => "grow" === animation.effect ? axisGrow(instance, animation, option) : (0,
|
|
7
|
+
const commonAppear_1 = require("../common/commonAppear"), commonAppear_2 = require("./commonAppear"), runAxisAppear = (instance, animation, option) => "grow" === animation.effect ? axisGrow(instance, animation, option) : (0,
|
|
8
8
|
commonAppear_1.commonFade)(instance, animation, option);
|
|
9
9
|
|
|
10
10
|
function axisGrow(instance, animation, option) {
|
|
@@ -76,7 +76,7 @@ function mainAxisGrow(instance, animation, option) {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
function gridGrow(instance, animation, option) {
|
|
79
|
-
instance && (0,
|
|
79
|
+
instance && (0, commonAppear_2.commonGrow)(instance, animation, option);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
exports.runAxisAppear = runAxisAppear;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/component/axisAppear.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/component/axisAppear.ts"],"names":[],"mappings":"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","file":"axisAppear.js","sourcesContent":["import type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade } from '../common/commonAppear';\nimport { commonGrow } from './commonAppear';\nimport type { IGroup, ILine, IText } from '@visactor/vrender-core';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runAxisAppear = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n switch (animation.effect) {\n case 'grow': {\n return axisGrow(instance, animation, option);\n }\n case 'fade': {\n return commonFade(instance, animation, option);\n }\n default: {\n return commonFade(instance, animation, option);\n }\n }\n};\n\nfunction axisGrow(\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n const isGrid = instance.name?.includes('grid');\n if (isGrid) {\n gridGrow(instance, animation, option);\n } else {\n mainAxisGrow(instance, animation, option);\n }\n}\n\nfunction mainAxisGrow(\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n const { duration, easing } = animation;\n const { disappear, direction = 'positive', orient } = option;\n const axisLine = instance.getElementsByName('axis-line')[0] as unknown as IGroup;\n const axisTicks = instance.getElementsByName('axis-tick-container')[0] as unknown as IGroup;\n const axisLabel = instance.getElementsByName('axis-label-container')[0] as unknown as IGroup;\n\n if (axisLine && axisLine.childrenCount > 0) {\n const shouldReverse =\n orient === 'height'\n ? direction === 'positive' || disappear //\n : false;\n\n const line = axisLine.getElementsByType('line')[0] as unknown as ILine;\n if (line) {\n if (shouldReverse) {\n line.setAttributes({ points: line.attribute.points.reverse() });\n }\n const attributeMap = disappear\n ? { from: { clipRange: 1 }, to: { clipRange: 0 } }\n : { from: { clipRange: 0 }, to: { clipRange: 1 } };\n\n line.setAttributes(attributeMap.from);\n line\n .animate()\n .to(attributeMap.to, duration, easing)\n .onEnd(() => {\n if (shouldReverse) {\n line.setAttributes({ points: line.attribute.points.reverse() });\n }\n });\n }\n }\n\n const opacityMap = disappear\n ? { from: { opacity: 1 }, to: { opacity: 0 } }\n : { from: { opacity: 0 }, to: { opacity: 1 } };\n\n if (axisTicks && axisTicks.childrenCount > 0) {\n const shouldReverse = disappear;\n const ticks = axisTicks.getElementsByType('line');\n if (shouldReverse) {\n ticks.reverse();\n }\n ticks.forEach((tick: IText, i: number) => {\n tick.setAttributes(opacityMap.from);\n tick\n .animate()\n .wait((duration / ticks.length) * i)\n .to(opacityMap.to, duration / ticks.length, easing)\n .onEnd(() => {\n if (shouldReverse) {\n ticks.reverse();\n }\n });\n });\n }\n\n if (axisLabel && axisLabel.childrenCount > 0) {\n const shouldReverse = disappear;\n const text = axisLabel.getElementsByType('text');\n if (shouldReverse) {\n text.reverse();\n }\n text.forEach((t: IText, i: number) => {\n t.setAttributes(opacityMap.from);\n t.animate()\n .wait((duration / text.length) * i)\n .to(opacityMap.to, duration / text.length, easing)\n .onEnd(() => {\n if (shouldReverse) {\n text.reverse();\n }\n });\n });\n }\n}\n\nfunction gridGrow(\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n if (instance) {\n commonGrow(instance, animation, option);\n }\n}\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { IGroup } from '@visactor/vrender-core';
|
|
2
|
-
import type {
|
|
3
|
-
export declare const commonGrow: (instance: IGroup, animation:
|
|
2
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
3
|
+
export declare const commonGrow: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
4
|
disappear: boolean;
|
|
5
5
|
orient?: 'width' | 'height';
|
|
6
6
|
}) => void;
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const runAppearOrDisAppear: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
8
8
|
disappear: boolean;
|
|
9
9
|
}) => void;
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.
|
|
5
|
+
}), exports.runAppearOrDisAppear = exports.commonGrow = void 0;
|
|
6
6
|
|
|
7
|
-
const commonGrow = (instance, animation, option) => {
|
|
7
|
+
const commonAppear_1 = require("../common/commonAppear"), commonGrow = (instance, animation, option) => {
|
|
8
8
|
const {duration: duration, easing: easing} = animation, {disappear: disappear, orient: orient = "width"} = option, width = (instance = instance.getChildAt(0)).AABBBounds.width(), height = instance.AABBBounds.height();
|
|
9
9
|
if ("width" === orient) {
|
|
10
10
|
const opacityMap = disappear ? {
|
|
@@ -41,20 +41,8 @@ const commonGrow = (instance, animation, option) => {
|
|
|
41
41
|
|
|
42
42
|
exports.commonGrow = commonGrow;
|
|
43
43
|
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
from: 1,
|
|
47
|
-
to: 0
|
|
48
|
-
} : {
|
|
49
|
-
from: 0,
|
|
50
|
-
to: 1
|
|
51
|
-
};
|
|
52
|
-
instance.setAttributes({
|
|
53
|
-
baseOpacity: opacityMap.from
|
|
54
|
-
}), instance.animate().to({
|
|
55
|
-
baseOpacity: opacityMap.to
|
|
56
|
-
}, duration, easing);
|
|
57
|
-
};
|
|
44
|
+
const runAppearOrDisAppear = (instance, animation, option) => "grow" === animation.effect ? (0,
|
|
45
|
+
exports.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
|
|
58
46
|
|
|
59
|
-
exports.
|
|
47
|
+
exports.runAppearOrDisAppear = runAppearOrDisAppear;
|
|
60
48
|
//# sourceMappingURL=commonAppear.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/component/commonAppear.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/component/commonAppear.ts"],"names":[],"mappings":";;;AAEA,yDAAoD;AAE7C,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAyD,EACzD,MAA2D,EAC3D,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAE/C,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAW,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC5C,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QAC/E,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,UAAU,CAAC,IAAI;YACtB,MAAM;YACN,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnE;SAAM;QACL,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;QAEjF,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,KAAK,GAAG,CAAC;YAChB,MAAM,EAAE,UAAU,CAAC,IAAI;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACpE;AACH,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB;AAEK,MAAM,oBAAoB,GAAG,CAClC,QAAgB,EAChB,SAAyD,EACzD,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,kBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade } from '../common/commonAppear';\n\nexport const commonGrow = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean; orient?: 'width' | 'height' }\n) => {\n const { duration, easing } = animation;\n const { disappear, orient = 'width' } = option;\n\n instance = instance.getChildAt(0) as IGroup;\n const width = instance.AABBBounds.width();\n const height = instance.AABBBounds.height();\n if (orient === 'width') {\n const opacityMap = disappear ? { from: width, to: 0 } : { from: 0, to: width };\n instance.setAttributes({\n width: opacityMap.from,\n height,\n clip: true\n });\n instance.animate().to({ width: opacityMap.to }, duration, easing);\n } else {\n const opacityMap = disappear ? { from: height, to: 0 } : { from: 0, to: height };\n // TODO: 轴 bounds 不准确\n instance.setAttributes({\n width: width * 2,\n height: opacityMap.from,\n clip: true\n });\n instance.animate().to({ height: opacityMap.to }, duration, easing);\n }\n};\n\nexport const runAppearOrDisAppear = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n switch (animation.effect) {\n case 'grow': {\n return commonGrow(instance, animation, option);\n }\n case 'fade': {\n return commonFade(instance, animation, option);\n }\n default: {\n return commonFade(instance, animation, option);\n }\n }\n};\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
2
2
|
import type { IGroup } from '@visactor/vrender-core';
|
|
3
|
-
export declare const runLabelAppear: (instance: IGroup, animation:
|
|
3
|
+
export declare const runLabelAppear: (instance: IGroup, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
4
|
disappear: boolean;
|
|
5
5
|
}) => void;
|
|
@@ -56,7 +56,7 @@ const labelGrow = (instance, animation, option) => {
|
|
|
56
56
|
text.setAttributes({
|
|
57
57
|
opacity: opacityMap.from
|
|
58
58
|
}), text.animate().to({
|
|
59
|
-
opacity:
|
|
59
|
+
opacity: opacityMap.to
|
|
60
60
|
}, duration, easing);
|
|
61
61
|
})), instance.getElementsByType("richtext").forEach((text => {
|
|
62
62
|
text.setAttributes({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/component/labelAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/component/labelAppear.ts"],"names":[],"mappings":"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","file":"labelAppear.js","sourcesContent":["import type { IChartVisibilityAction } from '../../interface/appear-action';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\nexport const runLabelAppear = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n switch (animation.effect) {\n case 'grow': {\n return labelGrow(instance, animation, option);\n }\n case 'followGraphic': {\n return labelFollowGraphic(instance, animation, option);\n }\n case 'fade': {\n return labelFade(instance, animation, option);\n }\n default: {\n return labelFade(instance, animation, option);\n }\n }\n};\n\nconst labelGrow = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n const { duration, easing } = animation;\n const { disappear } = option;\n const sizeMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n instance.getElementsByType('text').forEach((text: IGraphic) => {\n text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n });\n\n instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n });\n};\n\nconst labelFade = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n const { duration, easing } = animation;\n const { disappear } = option;\n const opacityMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n instance.getElementsByType('text').forEach((text: IGraphic) => {\n text.setAttributes({ opacity: opacityMap.from });\n text.animate().to({ opacity: opacityMap.to }, duration, easing);\n });\n\n instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n text.setAttributes({ opacity: opacityMap.from });\n text.animate().to({ opacity: opacityMap.to }, duration, easing);\n });\n};\n\nconst labelFollowGraphic = (\n instance: IGroup,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { disappear: boolean }\n) => {\n const { duration, easing } = animation;\n const { disappear } = option;\n const opacityMap = disappear ? { from: 1, to: 0 } : { from: 1, to: 1 };\n instance.setAttributes({ baseOpacity: opacityMap.from });\n instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\n"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare const runLegendsAppear: (instance: import("@visactor/vrender-core").IGroup, animation: import("../../interface/common-action").IAnimationParams & {
|
|
2
|
+
oneByOne: boolean;
|
|
3
|
+
effect: string | string[];
|
|
4
|
+
}, option: {
|
|
4
5
|
disappear: boolean;
|
|
5
6
|
}) => void;
|
|
@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.runLegendsAppear = void 0;
|
|
6
6
|
|
|
7
|
-
const commonAppear_1 = require("./commonAppear")
|
|
8
|
-
commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
|
|
7
|
+
const commonAppear_1 = require("./commonAppear");
|
|
9
8
|
|
|
10
|
-
exports.runLegendsAppear =
|
|
9
|
+
exports.runLegendsAppear = commonAppear_1.runAppearOrDisAppear;
|
|
11
10
|
//# sourceMappingURL=legendsAppear.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/component/legendsAppear.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/component/legendsAppear.ts"],"names":[],"mappings":";;;AAAA,iDAAsD;AAEzC,QAAA,gBAAgB,GAAG,mCAAoB,CAAC","file":"legendsAppear.js","sourcesContent":["import { runAppearOrDisAppear } from './commonAppear';\n\nexport const runLegendsAppear = runAppearOrDisAppear;\n"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare const runTitleAppear: (instance: import("@visactor/vrender-core").IGroup, animation: import("../../interface/common-action").IAnimationParams & {
|
|
2
|
+
oneByOne: boolean;
|
|
3
|
+
effect: string | string[];
|
|
4
|
+
}, option: {
|
|
4
5
|
disappear: boolean;
|
|
5
6
|
}) => void;
|
|
@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.runTitleAppear = void 0;
|
|
6
6
|
|
|
7
|
-
const commonAppear_1 = require("./commonAppear")
|
|
8
|
-
commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
|
|
7
|
+
const commonAppear_1 = require("./commonAppear");
|
|
9
8
|
|
|
10
|
-
exports.runTitleAppear =
|
|
9
|
+
exports.runTitleAppear = commonAppear_1.runAppearOrDisAppear;
|
|
11
10
|
//# sourceMappingURL=titleAppear.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/component/titleAppear.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/component/titleAppear.ts"],"names":[],"mappings":";;;AAAA,iDAAsD;AAEzC,QAAA,cAAc,GAAG,mCAAoB,CAAC","file":"titleAppear.js","sourcesContent":["import { runAppearOrDisAppear } from './commonAppear';\n\nexport const runTitleAppear = runAppearOrDisAppear;\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type VChart from '@visactor/vchart';
|
|
2
|
-
import type {
|
|
3
|
-
export declare const commonGrow: (instance: VChart, animation:
|
|
2
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
3
|
+
export declare const commonGrow: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], typeList: string[], option: {
|
|
4
4
|
markIndex: number;
|
|
5
5
|
disappear: boolean;
|
|
6
6
|
}) => {
|
|
@@ -10,7 +10,7 @@ export declare const commonGrow: (instance: VChart, animation: IChartAppearActio
|
|
|
10
10
|
oneByOne: boolean;
|
|
11
11
|
easing: import("@visactor/vrender-core").EasingType;
|
|
12
12
|
};
|
|
13
|
-
export declare const commonFade: (instance: VChart, animation:
|
|
13
|
+
export declare const commonFade: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
14
14
|
markIndex: number;
|
|
15
15
|
disappear: boolean;
|
|
16
16
|
}) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/player/processor/chart/seriesmark/commonTransformMarkAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,
|
|
1
|
+
{"version":3,"sources":["../src/player/processor/chart/seriesmark/commonTransformMarkAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAyD,EACzD,QAAkB,EAClB,MAAiD,EACjD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEnD,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB;AAEK,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,UAAU,cAgBrB","file":"commonTransformMarkAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\n\nexport const commonGrow = (\n instance: VChart,\n animation: IChartVisibilityAction['payload']['animation'],\n typeList: string[],\n option: { markIndex: number; disappear: boolean }\n) => {\n const { duration, loop, oneByOne, easing } = animation;\n const { disappear } = option;\n\n const type = disappear ? typeList[1] : typeList[0];\n\n return {\n type,\n duration,\n loop,\n oneByOne,\n easing\n };\n};\n\nexport const commonFade = (\n instance: VChart,\n animation: IChartVisibilityAction['payload']['animation'],\n option: { markIndex: number; disappear: boolean }\n) => {\n const { duration, loop, oneByOne, easing } = animation;\n const { disappear } = option;\n const type = disappear ? 'fadeOut' : 'fadeIn';\n\n return {\n type,\n duration,\n loop,\n oneByOne,\n easing\n };\n};\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type VChart from '@visactor/vchart';
|
|
2
|
-
import type {
|
|
3
|
-
export declare const
|
|
2
|
+
import type { IChartVisibilityAction } from '../../interface/appear-action';
|
|
3
|
+
export declare const transformArcVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
|
|
4
4
|
disappear: boolean;
|
|
5
5
|
markIndex: number;
|
|
6
6
|
}) => {
|
package/cjs/player/processor/chart/seriesmark/{transformArcAppear.js → transformArcVisibility.js}
RENAMED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.
|
|
5
|
+
}), exports.transformArcVisibility = void 0;
|
|
6
6
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
if (!(duration <= 0)) switch (animation.effect) {
|
|
7
|
+
const transformArcVisibility = (instance, animation, option) => {
|
|
8
|
+
switch (animation.effect) {
|
|
10
9
|
case "grow":
|
|
11
10
|
case "growRadius":
|
|
12
11
|
return arcGrowRadius(instance, animation, option);
|
|
@@ -19,7 +18,7 @@ const transformArcAppear = (instance, animation, option) => {
|
|
|
19
18
|
}
|
|
20
19
|
};
|
|
21
20
|
|
|
22
|
-
exports.
|
|
21
|
+
exports.transformArcVisibility = transformArcVisibility;
|
|
23
22
|
|
|
24
23
|
const arcGrowRadius = (instance, animation, option) => {
|
|
25
24
|
const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
|
|
@@ -52,4 +51,4 @@ const arcGrowRadius = (instance, animation, option) => {
|
|
|
52
51
|
easing: easing
|
|
53
52
|
};
|
|
54
53
|
};
|
|
55
|
-
//# sourceMappingURL=
|
|
54
|
+
//# sourceMappingURL=transformArcVisibility.js.map
|