@visactor/vstory 0.0.8-alpha.9 → 0.0.8

package/cjs/story/character/component/graphic/unit.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.GraphicUnit = void 0;
-
-const vrender_1 = require("@visactor/vrender"), graphic_1 = require("./graphic"), layout_1 = require("../../../utils/layout"), output_1 = require("../../../../util/output");
-
-class GraphicUnit extends graphic_1.Graphic {
-    getInitialAttributes() {
-        return {
-            padding: {
-                top: 50,
-                bottom: 50,
-                right: 50,
-                left: 50
-            },
-            count: 250,
-            styleFunc: index => ({
-                symbolType: "circle",
-                fill: "#4e8ae0"
-            }),
-            gap: [ .5, .5 ],
-            aspect: 1,
-            direction: "horizontal"
-        };
-    }
-    init() {
-        var _a, _b;
-        if (!this._graphic) {
-            const {width: width, height: height} = this._getContainerSize(this._character.spec.position, null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.graphic), attributes = Object.assign(Object.assign(Object.assign({}, this.getInitialAttributes()), null === (_b = this._character.spec.options) || void 0 === _b ? void 0 : _b.graphic), {
-                width: width,
-                height: height
-            }), gridConfig = this._calculateGrid(attributes);
-            this._graphic = (0, vrender_1.createGroup)(Object.assign(Object.assign({}, (0, layout_1.getLayoutFromWidget)(this._character.spec.position)), {
-                angle: this._character.spec.options.angle,
-                zIndex: this._character.spec.zIndex
-            })), this._addUnitsToGraphic(gridConfig, attributes), this._character.getGraphicParent().add(this._graphic);
-        }
-    }
-    _getContainerSize(position, graphic) {
-        return graphic.width && graphic.height ? {
-            width: graphic.width,
-            height: graphic.height
-        } : "width" in position && "height" in position ? {
-            width: position.width,
-            height: position.height
-        } : "bottom" in position && "right" in position ? {
-            width: position.right - position.left,
-            height: position.bottom - position.top
-        } : void (0, output_1.logger)("error", "Invalid IWidgetData type");
-    }
-    _calculateGrid(attributes) {
-        const {width: width, height: height, padding: padding, count: count, gap: gap, aspect: aspect, direction: direction} = attributes, innerWidth = width - padding.left - padding.right, innerHeight = height - padding.top - padding.bottom, isHorizontal = "horizontal" === direction, primaryLength = isHorizontal ? innerHeight : innerWidth, secondaryLength = isHorizontal ? innerWidth : innerHeight, adjustedAspect = isHorizontal ? aspect : 1 / aspect, adjustedGap = isHorizontal ? gap : [ gap[1], gap[0] ], minPrimaryCount = this._calculateMinPrimaryCount(primaryLength, secondaryLength, adjustedAspect, adjustedGap, count), {primaryCount: primaryCount, secondaryCount: secondaryCount, unitPrimarySize: unitPrimarySize, unitSecondarySize: unitSecondarySize} = this._convergeGrid(minPrimaryCount, count, primaryLength, secondaryLength, adjustedAspect, adjustedGap), offset = (secondaryLength - secondaryCount * unitSecondarySize - (secondaryCount - 1) * adjustedGap[0] * unitSecondarySize) / (secondaryCount - 1);
-        let primaryOffset;
-        primaryOffset = secondaryCount <= 1 ? count <= 1 ? (primaryLength - unitPrimarySize) / 2 : (primaryLength - count * unitPrimarySize - (count - 1) * unitPrimarySize * adjustedGap[1]) / (count - 1) : 0;
-        const secondaryOffset = secondaryCount <= 1 ? (secondaryLength - unitSecondarySize) / 2 : offset;
-        return isHorizontal ? {
-            rows: primaryCount,
-            cols: secondaryCount,
-            unitWidth: unitSecondarySize,
-            unitHeight: unitPrimarySize,
-            offsetX: secondaryOffset,
-            offsetY: primaryOffset
-        } : {
-            rows: secondaryCount,
-            cols: primaryCount,
-            unitWidth: unitPrimarySize,
-            unitHeight: unitSecondarySize,
-            offsetX: primaryOffset,
-            offsetY: secondaryOffset
-        };
-    }
-    _calculateMinPrimaryCount(primaryLength, secondaryLength, aspect, gap, count) {
-        const a = Math.pow(secondaryLength * (1 + gap[1]), 2), b = gap[0] * aspect * primaryLength - secondaryLength * gap[1], c = -count * primaryLength * aspect * (1 + gap[0]) * (1 + gap[1]), delta = Math.sqrt(b * b - 4 * a * c);
-        return Math.ceil((-b + delta) / (2 * a));
-    }
-    _convergeGrid(minPrimaryCount, count, primaryLength, secondaryLength, aspect, gap) {
-        let unitPrimarySize, unitSecondarySize, secondaryCount, totalWidth, primaryCount = minPrimaryCount;
-        do {
-            unitPrimarySize = primaryLength / (primaryCount * (1 + gap[1]) - gap[1]), unitSecondarySize = aspect * unitPrimarySize, 
-            secondaryCount = Math.ceil(count / primaryCount), totalWidth = secondaryCount * unitSecondarySize + (secondaryCount - 1) * gap[0] * unitSecondarySize;
-        } while (totalWidth > secondaryLength && primaryCount++);
-        return {
-            primaryCount: primaryCount,
-            secondaryCount: secondaryCount,
-            unitPrimarySize: unitPrimarySize,
-            unitSecondarySize: unitSecondarySize
-        };
-    }
-    _addUnitsToGraphic(gridConfig, attributes) {
-        const {rows: rows, cols: cols, unitWidth: unitWidth, unitHeight: unitHeight, offsetX: offsetX, offsetY: offsetY} = gridConfig, {count: count, styleFunc: unitStyle, padding: padding, gap: gap, direction: direction} = attributes, startX = padding.left + unitWidth / 2, startY = padding.top + unitHeight / 2, isHorizontal = "horizontal" === direction;
-        for (let i = 0; i < count; i++) {
-            const col = isHorizontal ? Math.floor(i / rows) : i % cols, row = isHorizontal ? i % rows : Math.floor(i / cols), dx = startX + col * (unitWidth + gap[0] * unitWidth + offsetX) + (isHorizontal && cols <= 1 ? offsetX : 0) + (!isHorizontal && rows <= 1 ? offsetX : 0), dy = startY + row * (unitHeight + gap[1] * unitHeight + offsetY) + (!isHorizontal && rows <= 1 ? offsetY : 0) + (isHorizontal && cols <= 1 ? offsetY : 0), graphic = (0, 
-            vrender_1.createSymbol)(Object.assign(Object.assign({}, unitStyle(i)), {
-                dx: dx,
-                dy: dy,
-                size: Math.max(unitWidth, unitHeight)
-            }));
-            graphic.name = `unit-${i}`, this._graphic.add(graphic);
-        }
-    }
-}
-
-exports.GraphicUnit = GraphicUnit;
-//# sourceMappingURL=unit.js.map

package/cjs/story/character/component/graphic/unit.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/unit.ts"],"names":[],"mappings":"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","file":"unit.js","sourcesContent":["import { createGroup, createSymbol, type IGroup, type ISymbolGraphicAttribute } from '@visactor/vrender';\nimport { Graphic } from './graphic';\nimport { getLayoutFromWidget } from '../../../utils/layout';\nimport type { IWidgetData } from '../../dsl-interface';\nimport { logger } from '../../../../util/output';\n\ninterface IGraphicUnitAttributes {\n  /**\n   * The width of the container.\n   * Defaults to the width defined by the position of the character.\n   */\n  width?: number;\n\n  /**\n   * The height of the container.\n   * Defaults to the height defined by the position of the character.\n   */\n  height?: number;\n\n  /**\n   * The padding inside the container, specifying space between the container border and its content.\n   * @default { top: 50, bottom: 50, right: 50, left: 50 }\n   */\n  padding?: {\n    top?: number;\n    bottom?: number;\n    right?: number;\n    left?: number;\n  };\n\n  /**\n   * The total number of units to be rendered within the container.\n   * @default 250\n   */\n  count?: number;\n\n  /**\n   * A function defining the style of each unit based on its index.\n   * @default { symbolType: 'circle', fill: '#4e8ae0' }\n   */\n  styleFunc?: (index: number) => ISymbolGraphicAttribute;\n\n  /**\n   * The gap between units, represented as a percentage of the unit's width and height.\n   * The first value specifies the horizontal gap, and the second value specifies the vertical gap.\n   * @default [0.5, 0.5]\n   */\n  gap?: [number, number];\n\n  /**\n   * The aspect ratio of the units, defined as width divided by height.\n   * @default 1\n   */\n  aspect?: number;\n\n  /**\n   * The direction in which units are laid out within the container.\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical';\n}\n\ninterface IGridConfig {\n  rows: number;\n  cols: number;\n  unitWidth: number;\n  unitHeight: number;\n  offsetX: number;\n  offsetY: number;\n}\n\nexport class GraphicUnit extends Graphic {\n  protected _graphic: IGroup;\n\n  getInitialAttributes(): IGraphicUnitAttributes {\n    return {\n      padding: {\n        top: 50,\n        bottom: 50,\n        right: 50,\n        left: 50\n      },\n      count: 250,\n      styleFunc: (index: number) => ({\n        symbolType: 'circle',\n        fill: '#4e8ae0'\n      }),\n      gap: [0.5, 0.5],\n      aspect: 1,\n      direction: 'horizontal'\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      const { width, height } = this._getContainerSize(\n        this._character.spec.position,\n        this._character.spec.options?.graphic\n      );\n      const attributes = { ...this.getInitialAttributes(), ...this._character.spec.options?.graphic, width, height };\n      const gridConfig = this._calculateGrid(attributes);\n      this._graphic = createGroup({\n        ...getLayoutFromWidget(this._character.spec.position),\n        angle: this._character.spec.options.angle,\n        zIndex: this._character.spec.zIndex\n      });\n      this._addUnitsToGraphic(gridConfig, attributes);\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n\n  private _getContainerSize(position: IWidgetData, graphic: IGraphicUnitAttributes) {\n    if (graphic.width && graphic.height) {\n      return { width: graphic.width, height: graphic.height };\n    }\n    if ('width' in position && 'height' in position) {\n      return { width: position.width, height: position.height };\n    }\n    if ('bottom' in position && 'right' in position) {\n      return { width: position.right - position.left, height: position.bottom - position.top };\n    }\n    logger('error', 'Invalid IWidgetData type');\n  }\n\n  private _calculateGrid(attributes: IGraphicUnitAttributes): IGridConfig {\n    const { width, height, padding, count, gap, aspect, direction } = attributes;\n    const innerWidth = width - padding.left - padding.right;\n    const innerHeight = height - padding.top - padding.bottom;\n\n    const isHorizontal = direction === 'horizontal';\n    const primaryLength = isHorizontal ? innerHeight : innerWidth;\n    const secondaryLength = isHorizontal ? innerWidth : innerHeight;\n    const adjustedAspect = isHorizontal ? aspect : 1 / aspect;\n    const adjustedGap: [number, number] = isHorizontal ? gap : [gap[1], gap[0]];\n\n    const minPrimaryCount = this._calculateMinPrimaryCount(\n      primaryLength,\n      secondaryLength,\n      adjustedAspect,\n      adjustedGap,\n      count\n    );\n    const { primaryCount, secondaryCount, unitPrimarySize, unitSecondarySize } = this._convergeGrid(\n      minPrimaryCount,\n      count,\n      primaryLength,\n      secondaryLength,\n      adjustedAspect,\n      adjustedGap\n    );\n\n    const offset =\n      (secondaryLength -\n        secondaryCount * unitSecondarySize -\n        (secondaryCount - 1) * adjustedGap[0] * unitSecondarySize) /\n      (secondaryCount - 1);\n\n    let primaryOffset;\n    if (secondaryCount <= 1) {\n      if (count <= 1) {\n        primaryOffset = (primaryLength - unitPrimarySize) / 2;\n      } else {\n        primaryOffset =\n          (primaryLength - count * unitPrimarySize - (count - 1) * unitPrimarySize * adjustedGap[1]) / (count - 1);\n      }\n    } else {\n      primaryOffset = 0;\n    }\n    const secondaryOffset = secondaryCount <= 1 ? (secondaryLength - unitSecondarySize) / 2 : offset;\n\n    return isHorizontal\n      ? {\n          rows: primaryCount,\n          cols: secondaryCount,\n          unitWidth: unitSecondarySize,\n          unitHeight: unitPrimarySize,\n          offsetX: secondaryOffset,\n          offsetY: primaryOffset\n        }\n      : {\n          rows: secondaryCount,\n          cols: primaryCount,\n          unitWidth: unitPrimarySize,\n          unitHeight: unitSecondarySize,\n          offsetX: primaryOffset,\n          offsetY: secondaryOffset\n        };\n  }\n\n  private _calculateMinPrimaryCount(\n    primaryLength: number,\n    secondaryLength: number,\n    aspect: number,\n    gap: [number, number],\n    count: number\n  ): number {\n    const a = Math.pow(secondaryLength * (1 + gap[1]), 2);\n    const b = gap[0] * aspect * primaryLength - secondaryLength * gap[1];\n    const c = -count * primaryLength * aspect * (1 + gap[0]) * (1 + gap[1]);\n    const delta = Math.sqrt(b * b - 4 * a * c);\n    return Math.ceil((-b + delta) / (2 * a));\n  }\n\n  private _convergeGrid(\n    minPrimaryCount: number,\n    count: number,\n    primaryLength: number,\n    secondaryLength: number,\n    aspect: number,\n    gap: [number, number]\n  ) {\n    let primaryCount = minPrimaryCount;\n    let unitPrimarySize;\n    let unitSecondarySize;\n    let secondaryCount;\n    let totalWidth;\n\n    do {\n      unitPrimarySize = primaryLength / (primaryCount * (1 + gap[1]) - gap[1]);\n      unitSecondarySize = aspect * unitPrimarySize;\n      secondaryCount = Math.ceil(count / primaryCount);\n      totalWidth = secondaryCount * unitSecondarySize + (secondaryCount - 1) * gap[0] * unitSecondarySize;\n    } while (totalWidth > secondaryLength && primaryCount++);\n\n    return { primaryCount, secondaryCount, unitPrimarySize, unitSecondarySize };\n  }\n\n  private _addUnitsToGraphic(gridConfig: IGridConfig, attributes: IGraphicUnitAttributes) {\n    const { rows, cols, unitWidth, unitHeight, offsetX, offsetY } = gridConfig;\n    const { count, styleFunc: unitStyle, padding, gap, direction } = attributes;\n    const startX = padding.left + unitWidth / 2;\n    const startY = padding.top + unitHeight / 2;\n    const isHorizontal = direction === 'horizontal';\n\n    for (let i = 0; i < count; i++) {\n      const col = isHorizontal ? Math.floor(i / rows) : i % cols;\n      const row = isHorizontal ? i % rows : Math.floor(i / cols);\n      const dx =\n        startX +\n        col * (unitWidth + gap[0] * unitWidth + offsetX) +\n        (isHorizontal && cols <= 1 ? offsetX : 0) +\n        (!isHorizontal && rows <= 1 ? offsetX : 0);\n      const dy =\n        startY +\n        row * (unitHeight + gap[1] * unitHeight + offsetY) +\n        (!isHorizontal && rows <= 1 ? offsetY : 0) +\n        (isHorizontal && cols <= 1 ? offsetY : 0);\n\n      const graphic = createSymbol({ ...unitStyle!(i), dx, dy, size: Math.max(unitWidth, unitHeight) });\n      graphic.name = `unit-${i}`;\n      this._graphic.add(graphic);\n    }\n  }\n}\n"]}

package/cjs/story/character/component/graphic/utils.d.ts

@@ -1,2 +0,0 @@
-import { IComponentCharacterSpec } from '../../dsl-interface';
-export declare const transformAttributesByType: (from: string, to: string, attributes: IComponentCharacterSpec['options']) => IComponentCharacterSpec['options'];

package/cjs/story/character/component/graphic/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.transformAttributesByType = void 0;
-
-const transformAttributesByType = (from, to, attributes) => {
-    const graphic = attributes.graphic;
-    return delete graphic.shapePoints, "rect" === from ? graphic.lineWidth = 2 * graphic.lineWidth : "rect" === to && (graphic.lineWidth = Math.ceil(graphic.lineWidth / 2)), 
-    attributes;
-};
-
-exports.transformAttributesByType = transformAttributesByType;
-//# sourceMappingURL=utils.js.map

package/cjs/story/character/component/graphic/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,yBAAyB,GAAG,CACvC,IAAY,EACZ,EAAU,EACV,UAA8C,EACV,EAAE;IACtC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;IAEnC,OAAO,OAAO,CAAC,WAAW,CAAC;IAE3B,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;KAC3C;SAAM,IAAI,EAAE,KAAK,MAAM,EAAE;QACxB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;KACtD;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAfW,QAAA,yBAAyB,6BAepC","file":"utils.js","sourcesContent":["import { IComponentCharacterSpec } from '../../dsl-interface';\n\nexport const transformAttributesByType = (\n  from: string,\n  to: string,\n  attributes: IComponentCharacterSpec['options']\n): IComponentCharacterSpec['options'] => {\n  const graphic = attributes.graphic;\n  // shapePoints will not be cloned\n  delete graphic.shapePoints;\n  // FIXME: rect line width is half to path graphics due to VRender logic\n  if (from === 'rect') {\n    graphic.lineWidth = graphic.lineWidth * 2;\n  } else if (to === 'rect') {\n    graphic.lineWidth = Math.ceil(graphic.lineWidth / 2);\n  }\n  return attributes;\n};\n"]}

package/cjs/story/character/dsl-interface.d.ts

@@ -1,69 +0,0 @@
-import type { IInitOption } from '@visactor/vchart';
-import type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
-import type { DirectionType } from './chart/const';
-export type IPercent = `${number}%`;
-export type WidgetNumber = number;
-export type IWidgetData = {
-    left: WidgetNumber;
-    top: WidgetNumber;
-} & ({
-    bottom: WidgetNumber;
-    right: WidgetNumber;
-} | {
-    width: WidgetNumber;
-    height: WidgetNumber;
-});
-export interface ICharacterSpecBase {
-    id: string;
-    type: string;
-    position: IWidgetData;
-    zIndex: number;
-}
-export type IEditorTextGraphicAttribute = {
-    graphicAlign?: 'left' | 'center' | 'right';
-    graphicBaseline?: 'top' | 'middle' | 'bottom';
-} & Partial<ITextGraphicAttribute & IRichTextGraphicAttribute>;
-export interface IComponentCharacterSpec extends ICharacterSpecBase {
-    options: {
-        graphic: any;
-        text?: IEditorTextGraphicAttribute;
-        isResized?: boolean;
-        angle?: number;
-        shapePoints?: any;
-    };
-}
-export interface IComponentMatch {
-    usrId?: string;
-    specIndex?: number | 'all';
-    [key: string]: any;
-}
-export interface IComponentSpec {
-    specKey: string;
-    matchInfo: IComponentMatch;
-    spec: any;
-}
-export interface IChartCharacterSpec extends ICharacterSpecBase {
-    options: {
-        spec?: any;
-        initOption?: IInitOption;
-        panel?: any;
-        theme?: any;
-        data?: any;
-        padding?: any;
-        title?: any;
-        layout?: any;
-        color?: string[];
-        marker?: any;
-        markStyle?: any[];
-        dataGroupSpec?: {
-            [key: string]: any;
-        };
-        direction?: DirectionType;
-        seriesSpec?: {
-            matchInfo: IComponentMatch;
-            spec: any;
-        }[];
-        componentSpec?: IComponentSpec[];
-    };
-}
-export type ICharacterSpec = IChartCharacterSpec | IComponentCharacterSpec;

package/cjs/story/character/dsl-interface.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=dsl-interface.js.map

package/cjs/story/character/dsl-interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IInitOption } from '@visactor/vchart';\nimport type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport type { DirectionType } from './chart/const';\n\nexport type IPercent = `${number}%`;\nexport type WidgetNumber = number; // | IPercent;\n\nexport type IWidgetData = {\n  left: WidgetNumber;\n  top: WidgetNumber;\n} & (\n  | {\n      bottom: WidgetNumber;\n      right: WidgetNumber;\n    }\n  | {\n      width: WidgetNumber;\n      height: WidgetNumber;\n    }\n);\n\nexport interface ICharacterSpecBase {\n  id: string;\n  type: string; // 类型\n  position: IWidgetData; // 定位描述\n  zIndex: number;\n}\n\nexport type IEditorTextGraphicAttribute = {\n  graphicAlign?: 'left' | 'center' | 'right';\n  graphicBaseline?: 'top' | 'middle' | 'bottom';\n} & Partial<ITextGraphicAttribute & IRichTextGraphicAttribute>;\n\nexport interface IComponentCharacterSpec extends ICharacterSpecBase {\n  options: {\n    graphic: any;\n    text?: IEditorTextGraphicAttribute;\n    isResized?: boolean;\n    angle?: number;\n    shapePoints?: any;\n  };\n}\n\nexport interface IComponentMatch {\n  usrId?: string;\n  specIndex?: number | 'all'; // all 表示所有\n  [key: string]: any;\n}\n\nexport interface IComponentSpec {\n  specKey: string;\n  matchInfo: IComponentMatch;\n  spec: any;\n}\n\nexport interface IChartCharacterSpec extends ICharacterSpecBase {\n  options: {\n    // 图表spec\n    spec?: any;\n    // 初始化参数\n    initOption?: IInitOption;\n    panel?: any;\n    // 各种图表配置属性\n    theme?: any;\n    // 数据源\n    data?: any;\n    // 内部模块布局信息\n    padding?: any;\n    // 标题\n    title?: any;\n    layout?: any;\n    // 色板\n    color?: string[];\n    // 标注\n    marker?: any;\n    // mark单元素样式配置\n    markStyle?: any[];\n    // 组样式\n    dataGroupSpec?: {\n      [key: string]: any;\n    };\n    // 方向\n    direction?: DirectionType;\n    // 系列配置\n    seriesSpec?: {\n      matchInfo: IComponentMatch;\n      spec: any;\n    }[];\n    // 模块 spec\n    componentSpec?: IComponentSpec[];\n  };\n}\n\nexport type ICharacterSpec = IChartCharacterSpec | IComponentCharacterSpec;\n"]}

package/cjs/story/character/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dsl-interface';
-export * from './runtime-interface';

package/cjs/story/character/index.js

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

package/cjs/story/character/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,sDAAoC","file":"index.js","sourcesContent":["export * from './dsl-interface';\nexport * from './runtime-interface';\n"]}

package/cjs/story/character/runtime-interface.d.ts

@@ -1,48 +0,0 @@
-import type { IGroup, IGraphic } from '@visactor/vrender';
-import type { IBoundsLike, IPointLike } from '@visactor/vutils';
-import type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';
-import type { ICharacterSpec } from './dsl-interface';
-import type { Graphic } from './component/graphic/graphic';
-export interface ICharacterPickInfo {
-    part: string;
-    graphic?: IGraphic;
-    graphicType?: string;
-    modelInfo?: any;
-}
-export interface ICharacter {
-    id: string;
-    type: string;
-    visActorType: string;
-    spec: ICharacterSpec;
-    graphic: Graphic | IGroup;
-    init: () => void;
-    reset: () => void;
-    show: () => void;
-    hide: () => void;
-    getGraphicParent: () => IGroup;
-    getLayoutBounds: () => IBoundsLike;
-    tickTo: (t: number) => void;
-    checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);
-    updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;
-    setAttributes: (attr: Record<string, any>) => void;
-    release: () => void;
-}
-export interface ICharacterInitOption {
-    story: IStory;
-    canvas: IStoryCanvas;
-    graphicParent: IGroup;
-}
-export interface ICharacterConstructor {
-    new (spec: ICharacterSpec, option: ICharacterInitOption): ICharacter;
-}
-export interface ILayoutAttribute {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    angle: number;
-    anchor?: [number | string, number | string];
-    dx?: number;
-    dy?: number;
-    shapePoints?: IPointLike[];
-}

package/cjs/story/character/runtime-interface.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=runtime-interface.js.map

package/cjs/story/character/runtime-interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGroup, IGraphic } from '@visactor/vrender';\nimport type { IBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacterSpec } from './dsl-interface';\nimport type { Graphic } from './component/graphic/graphic';\n\nexport interface ICharacterPickInfo {\n  part: string;\n  graphic?: IGraphic;\n  graphicType?: string;\n  modelInfo?: any;\n}\nexport interface ICharacter {\n  id: string;\n  type: string;\n  visActorType: string;\n  spec: ICharacterSpec;\n  graphic: Graphic | IGroup;\n\n  init: () => void;\n  reset: () => void;\n  show: () => void;\n  hide: () => void;\n  getGraphicParent: () => IGroup;\n  getLayoutBounds: () => IBoundsLike;\n  tickTo: (t: number) => void;\n\n  checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);\n\n  updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;\n\n  setAttributes: (attr: Record<string, any>) => void;\n  release: () => void;\n}\n\nexport interface ICharacterInitOption {\n  story: IStory;\n  canvas: IStoryCanvas;\n  graphicParent: IGroup;\n}\n\nexport interface ICharacterConstructor {\n  new (spec: ICharacterSpec, option: ICharacterInitOption): ICharacter;\n}\n\nexport interface ILayoutAttribute {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  angle: number;\n  anchor?: [number | string, number | string];\n  dx?: number;\n  dy?: number;\n  shapePoints?: IPointLike[];\n}\n"]}

package/cjs/story/character/visactor/character.d.ts

@@ -1,44 +0,0 @@
-import type { ICharacterSpec } from 'src/story/character/dsl-interface';
-import { CharacterBase } from '../base/base';
-import type { ISpecProcess, ICharacterVisactor } from './interface';
-import type { ICharacterInitOption } from '../runtime-interface';
-import type { IChartCharacterRuntime } from '../chart/runtime/interface';
-export declare abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {
-    protected _specProcess: ISpecProcess;
-    get specProcess(): ISpecProcess;
-    get dataTempTransform(): import("./interface").IDataTempTransform;
-    get chartType(): string;
-    get tempType(): string;
-    protected _runtime: IChartCharacterRuntime[];
-    constructor(spec: ICharacterSpec, option: ICharacterInitOption);
-    protected _initRuntime(): void;
-    clearConfig(opt: {
-        clearCurrent: false | {
-            [key: string]: any;
-        };
-    }): void;
-    protected abstract _initSpecProcess(): void;
-    onSpecReady: () => void;
-    protected abstract _afterRender(): void;
-    protected abstract _updateVisactorSpec(): void;
-    show(): void;
-    hide(): void;
-    getGraphicParent(): any;
-    getViewBoxFromSpec(): {
-        layout: Partial<import("../runtime-interface").ILayoutAttribute>;
-        viewBox: {
-            x1: number;
-            x2: number;
-            y1: number;
-            y2: number;
-        };
-    };
-    getLayoutBounds(): {
-        x1: number;
-        x2: number;
-        y1: number;
-        y2: number;
-    };
-    tickTo(t: number): void;
-    release(): void;
-}

package/cjs/story/character/visactor/character.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.CharacterVisactor = void 0;
-
-const base_1 = require("../base/base"), layout_1 = require("../../utils/layout");
-
-class CharacterVisactor extends base_1.CharacterBase {
-    get specProcess() {
-        return this._specProcess;
-    }
-    get dataTempTransform() {
-        return this._specProcess.dataTempTransform;
-    }
-    get chartType() {
-        var _a;
-        return null === (_a = this._specProcess.dataTempTransform.specTemp) || void 0 === _a ? void 0 : _a.getChartType();
-    }
-    get tempType() {
-        var _a;
-        return null === (_a = this._specProcess.dataTempTransform.specTemp) || void 0 === _a ? void 0 : _a.type;
-    }
-    constructor(spec, option) {
-        super(spec, option), this._runtime = [], this.onSpecReady = () => {
-            var _a;
-            console.log("onSpecReady !"), this._runtime.forEach((r => {
-                var _a;
-                return null === (_a = r.onSpecReady) || void 0 === _a ? void 0 : _a.call(r);
-            })), null === (_a = this._specProcess.dataTempTransform.specTemp) || void 0 === _a || _a.standardizedSpec(this._specProcess.getVisSpec(), {
-                character: this
-            }), this._updateVisactorSpec(), this._afterRender();
-        }, this._initSpecProcess();
-    }
-    _initRuntime() {}
-    clearConfig(opt) {}
-    show() {
-        this._graphic.setAttribute("visibleAll", !0);
-    }
-    hide() {
-        this._graphic.setAttribute("visibleAll", !1);
-    }
-    getGraphicParent() {
-        return this._graphic;
-    }
-    getViewBoxFromSpec() {
-        const layout = (0, layout_1.getLayoutFromWidget)(this._spec.position);
-        return {
-            layout: layout,
-            viewBox: {
-                x1: layout.x,
-                x2: layout.x + layout.width,
-                y1: layout.y,
-                y2: layout.y + layout.height
-            }
-        };
-    }
-    getLayoutBounds() {
-        const {viewBox: viewBox} = this.getViewBoxFromSpec();
-        return viewBox;
-    }
-    tickTo(t) {}
-    release() {
-        var _a, _b;
-        this._specProcess.release(), null === (_b = null === (_a = this._graphic) || void 0 === _a ? void 0 : _a.parent) || void 0 === _b || _b.removeChild(this._graphic), 
-        this._specProcess = this._graphic = null;
-    }
-}
-
-exports.CharacterVisactor = CharacterVisactor;
-//# sourceMappingURL=character.js.map

package/cjs/story/character/visactor/character.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/visactor/character.ts"],"names":[],"mappings":";;;AAEA,uCAA6C;AAI7C,+CAAyD;AAEzD,MAAsB,iBAAkB,SAAQ,oBAAa;IAE3D,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;;QACX,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,YAAY,EAAE,CAAC;IACtE,CAAC;IAED,IAAI,QAAQ;;QACV,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,IAAI,CAAC;IAC5D,CAAC;IAID,YAAY,IAAoB,EAAE,MAA4B;QAC5D,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAHZ,aAAQ,GAA6B,EAAE,CAAC;QAiBlD,gBAAW,GAAG,GAAG,EAAE;;YACjB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,WAAW,iDAAI,CAAA,EAAA,CAAC,CAAC;YAC9C,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpH,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAnBA,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,YAAY;QACpB,OAAO;IACT,CAAC;IAED,WAAW,CAAC,GAAqD;IAEjE,CAAC;IAgBD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;IACD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,MAAM,MAAM,GAAG,IAAA,4BAAmB,EAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK;YAC3B,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM;SAC7B,CAAC;QACF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;IAC7B,CAAC;IAED,eAAe;QACb,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9C,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,CAAS;QACd,OAAO;IACT,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC3C,CAAC;CACF;AAlFD,8CAkFC","file":"character.js","sourcesContent":["/* eslint-disable no-console */\nimport type { ICharacterSpec } from 'src/story/character/dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { ISpecProcess, ICharacterVisactor } from './interface';\nimport type { ICharacterInitOption } from '../runtime-interface';\nimport type { IChartCharacterRuntime } from '../chart/runtime/interface';\nimport { getLayoutFromWidget } from '../../utils/layout';\n\nexport abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {\n  protected declare _specProcess: ISpecProcess;\n  get specProcess() {\n    return this._specProcess;\n  }\n  get dataTempTransform() {\n    return this._specProcess.dataTempTransform;\n  }\n\n  get chartType() {\n    return this._specProcess.dataTempTransform.specTemp?.getChartType();\n  }\n\n  get tempType() {\n    return this._specProcess.dataTempTransform.specTemp?.type;\n  }\n\n  protected _runtime: IChartCharacterRuntime[] = [];\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    super(spec, option);\n    this._initSpecProcess();\n  }\n\n  protected _initRuntime(): void {\n    return;\n  }\n\n  clearConfig(opt: { clearCurrent: false | { [key: string]: any } }) {\n    // do nothing\n  }\n\n  protected abstract _initSpecProcess(): void;\n\n  onSpecReady = () => {\n    console.log('onSpecReady !');\n    this._runtime.forEach(r => r.onSpecReady?.());\n    this._specProcess.dataTempTransform.specTemp?.standardizedSpec(this._specProcess.getVisSpec(), { character: this });\n    this._updateVisactorSpec();\n    this._afterRender();\n  };\n\n  protected abstract _afterRender(): void;\n\n  protected abstract _updateVisactorSpec(): void;\n\n  show(): void {\n    this._graphic.setAttribute('visibleAll', true);\n  }\n  hide(): void {\n    this._graphic.setAttribute('visibleAll', false);\n  }\n\n  getGraphicParent() {\n    return this._graphic;\n  }\n\n  getViewBoxFromSpec() {\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    return { layout, viewBox };\n  }\n\n  getLayoutBounds() {\n    const { viewBox } = this.getViewBoxFromSpec();\n    return viewBox;\n  }\n\n  tickTo(t: number): void {\n    return;\n  }\n\n  release() {\n    this._specProcess.release();\n    this._graphic?.parent?.removeChild(this._graphic);\n    this._specProcess = this._graphic = null;\n  }\n}\n"]}

package/cjs/story/character/visactor/data-temp-transform-base.d.ts

@@ -1,25 +0,0 @@
-import type { IVisactorTemp, IDataTempTransform, ISpecProcess, ICharacterVisactor, IUpdateAttributeOption } from './interface';
-import { EventEmitter } from '@visactor/vutils';
-export declare class DataTempTransformBase implements IDataTempTransform {
-    protected _state: string;
-    protected _specTemp: IVisactorTemp;
-    get specTemp(): IVisactorTemp;
-    protected _character: ICharacterVisactor;
-    protected _specProcess: ISpecProcess;
-    protected _nextTemp: IVisactorTemp;
-    get nextTemp(): IVisactorTemp;
-    protected _changeType: 'data' | 'temp' | 'dataTemp' | 'none';
-    protected _updateOption: IUpdateAttributeOption;
-    emitter: EventEmitter;
-    constructor({ specProcess, character }: {
-        character: ICharacterVisactor;
-        specProcess: ISpecProcess;
-    });
-    protected _setNoHistoryState(): void;
-    updateChartTemp(temp: string): void;
-    protected _setTempToNext(): void;
-    protected _createNextTemp(temp: string): boolean;
-    protected _checkEnable(temp: IVisactorTemp): boolean;
-    getBaseSpec(): import("@visactor/vchart").ISpec;
-    release(): void;
-}

package/cjs/story/character/visactor/data-temp-transform-base.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.DataTempTransformBase = void 0;
-
-const factory_1 = require("../../factory/factory"), vutils_1 = require("@visactor/vutils");
-
-class DataTempTransformBase {
-    get specTemp() {
-        return this._specTemp;
-    }
-    get nextTemp() {
-        return this._nextTemp;
-    }
-    constructor({specProcess: specProcess, character: character}) {
-        this._state = "alive", this._specTemp = null, this._nextTemp = null, this._changeType = "none", 
-        this._updateOption = {}, this.emitter = new vutils_1.EventEmitter, this._character = character, 
-        this._specProcess = specProcess;
-    }
-    _setNoHistoryState() {
-        this._updateOption = this._updateOption || {}, this._updateOption.triggerHistory && (this._updateOption.saveData = !0, 
-        this._updateOption.triggerHistory = !1);
-    }
-    updateChartTemp(temp) {
-        if (this._createNextTemp(temp)) {
-            if (this._changeType = "temp", this._checkEnable(this._nextTemp)) {
-                const currentTemp = this._specTemp;
-                this._setTempToNext(), this.emitter.emit("tempUpdate", this._updateOption, {
-                    currentTemp: currentTemp,
-                    nextTemp: this._specTemp
-                }), this.emitter.emit("specReady");
-            }
-            this._changeType = "none";
-        }
-    }
-    _setTempToNext() {
-        var _a;
-        null === (_a = this._specTemp) || void 0 === _a || _a.clear(), this._specTemp = this._nextTemp, 
-        this._nextTemp = null;
-    }
-    _createNextTemp(temp) {
-        var _a, _b;
-        return temp === (null === (_a = this._specTemp) || void 0 === _a ? void 0 : _a.type) ? (console.warn("same temp type:", temp), 
-        !1) : (null === (_b = this._nextTemp) || void 0 === _b || _b.clear(), this._nextTemp = factory_1.StoryFactory.createChartTemp(temp, this._specProcess.getCharacterSpec()), 
-        !!this._nextTemp);
-    }
-    _checkEnable(temp) {
-        return !!temp && !!temp.checkDataEnable(this._specProcess.getCharacterSpec().options.data);
-    }
-    getBaseSpec() {
-        return this._specTemp.getSpec(this._specProcess.getCharacterSpec().options.data, {
-            character: this._character
-        });
-    }
-    release() {
-        var _a, _b;
-        this._state = "release", null === (_a = this._specTemp) || void 0 === _a || _a.clear(), 
-        null === (_b = this._nextTemp) || void 0 === _b || _b.clear(), this.emitter.removeAllListeners(), 
-        this.emitter = this._specTemp = null;
-    }
-}
-
-exports.DataTempTransformBase = DataTempTransformBase;
-//# sourceMappingURL=data-temp-transform-base.js.map

package/cjs/story/character/visactor/data-temp-transform-base.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/visactor/data-temp-transform-base.ts"],"names":[],"mappings":"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","file":"data-temp-transform-base.js","sourcesContent":["import { StoryFactory } from '../../factory/factory';\nimport type {\n  IVisactorTemp,\n  IDataTempTransform,\n  ISpecProcess,\n  ICharacterVisactor,\n  IUpdateAttributeOption\n} from './interface';\nimport { EventEmitter } from '@visactor/vutils';\n\nexport class DataTempTransformBase implements IDataTempTransform {\n  protected _state = 'alive';\n\n  protected _specTemp: IVisactorTemp = null;\n  get specTemp() {\n    return this._specTemp;\n  }\n\n  protected _character: ICharacterVisactor;\n  protected _specProcess: ISpecProcess;\n\n  // 当图表类或者数据更新时，先使用 next 验证是否可用，可用再更新\n  protected _nextTemp: IVisactorTemp = null;\n  get nextTemp() {\n    return this._nextTemp;\n  }\n\n  protected _changeType: 'data' | 'temp' | 'dataTemp' | 'none' = 'none';\n\n  protected _updateOption: IUpdateAttributeOption = {};\n\n  emitter: EventEmitter = new EventEmitter();\n\n  constructor({ specProcess, character }: { character: ICharacterVisactor; specProcess: ISpecProcess }) {\n    this._character = character;\n    this._specProcess = specProcess;\n  }\n\n  protected _setNoHistoryState() {\n    this._updateOption = this._updateOption || {};\n    if (this._updateOption.triggerHistory) {\n      this._updateOption.saveData = true;\n      this._updateOption.triggerHistory = false;\n    }\n  }\n\n  updateChartTemp(temp: string) {\n    if (!this._createNextTemp(temp)) {\n      return;\n    }\n    this._changeType = 'temp';\n    if (this._checkEnable(this._nextTemp)) {\n      const currentTemp = this._specTemp;\n      this._setTempToNext();\n      this.emitter.emit('tempUpdate', this._updateOption, { currentTemp, nextTemp: this._specTemp });\n      this.emitter.emit('specReady');\n    } else {\n      // fail\n    }\n    this._changeType = 'none';\n  }\n\n  protected _setTempToNext() {\n    this._specTemp?.clear();\n    this._specTemp = this._nextTemp;\n    this._nextTemp = null;\n  }\n\n  protected _createNextTemp(temp: string) {\n    if (temp === this._specTemp?.type) {\n      console.warn('same temp type:', temp);\n      return false;\n    }\n    this._nextTemp?.clear();\n    this._nextTemp = StoryFactory.createChartTemp(temp, this._specProcess.getCharacterSpec());\n    return !!this._nextTemp;\n  }\n\n  protected _checkEnable(temp: IVisactorTemp) {\n    if (!temp) {\n      return false;\n    }\n    if (temp.checkDataEnable(this._specProcess.getCharacterSpec().options.data)) {\n      return true;\n    }\n    return false;\n  }\n\n  getBaseSpec() {\n    return this._specTemp.getSpec(this._specProcess.getCharacterSpec().options.data, { character: this._character });\n  }\n\n  release() {\n    this._state = 'release';\n    this._specTemp?.clear();\n    this._nextTemp?.clear();\n    this.emitter.removeAllListeners();\n    this.emitter = this._specTemp = null;\n  }\n}\n"]}