@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/component/geo/projection.d.ts

@@ -0,0 +1,17 @@
+import type { IProjectionSpec } from './interface';
+type GeoJsonFeatureSpec = any;
+export declare class Projection {
+    projection: any;
+    constructor(projectionSpec: IProjectionSpec);
+    fit(start: number[], size: number[], features: GeoJsonFeatureSpec[]): void;
+    center(center: [number, number]): void;
+    project(point: [number, number]): any;
+    shape(data: GeoJsonFeatureSpec): any;
+    invert(point: [number, number]): any;
+    scale(): number;
+    scale(scale: number): void;
+    translate(): [number, number];
+    translate(point: [number, number]): void;
+    evaluate(start: number[], size: number[], features: GeoJsonFeatureSpec[]): any;
+}
+export {};

package/cjs/component/geo/projection.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Projection = void 0;
+
+const vgrammar_projection_1 = require("@visactor/vgrammar-projection");
+
+class Projection {
+    constructor(projectionSpec) {
+        this.projection = (0, vgrammar_projection_1.projection)(projectionSpec.type)();
+    }
+    fit(start, size, features) {
+        const fitData = {
+            type: "FeatureCollection",
+            features: features
+        };
+        this.projection.fitExtent([ start, size ], fitData);
+    }
+    center(center) {
+        var _a, _b;
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.center) || void 0 === _b || _b.call(_a, center);
+    }
+    project(point) {
+        var _a;
+        return null === (_a = this.projection) || void 0 === _a ? void 0 : _a.call(this, point);
+    }
+    shape(data) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.path) || void 0 === _b ? void 0 : _b.call(_a, data);
+    }
+    invert(point) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.invert) || void 0 === _b ? void 0 : _b.call(_a, point);
+    }
+    scale(scale) {
+        var _a, _b, _c, _d;
+        if (void 0 === scale) return null === (_d = null === (_c = this.projection) || void 0 === _c ? void 0 : _c.scale) || void 0 === _d ? void 0 : _d.call(_c);
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.scale) || void 0 === _b || _b.call(_a, scale);
+    }
+    translate(point) {
+        var _a, _b, _c, _d;
+        if (void 0 === point) return null === (_d = null === (_c = this.projection) || void 0 === _c ? void 0 : _c.translate) || void 0 === _d ? void 0 : _d.call(_c);
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.translate) || void 0 === _b || _b.call(_a, point);
+    }
+    evaluate(start, size, features) {
+        const tmp = this.projection.copy();
+        return null == tmp ? void 0 : tmp.fitExtent([ start, size ], {
+            type: "FeatureCollection",
+            features: features
+        });
+    }
+}
+
+exports.Projection = Projection;
+//# sourceMappingURL=projection.js.map

package/cjs/component/geo/projection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/geo/projection.ts"],"names":[],"mappings":";;;AAEA,uEAA2D;AAK3D,MAAa,UAAU;IAGrB,YAAY,cAA+B;QAIzC,IAAI,CAAC,UAAU,GAAG,IAAA,gCAAU,EAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACtD,CAAC;IAED,GAAG,CAAC,KAAe,EAAE,IAAc,EAAE,QAA8B;QACjE,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC;QACxD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,MAAwB;;QAC7B,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,mDAAG,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,KAAuB;;QAC7B,OAAO,MAAA,IAAI,CAAC,UAAU,qDAAG,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,IAAwB;;QAC5B,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,mDAAG,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,KAAuB;;QAC5B,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,mDAAG,KAAK,CAAC,CAAC;IAC1C,CAAC;IAID,KAAK,CAAC,KAAc;;QAClB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,mDAAG,KAAK,CAAC,CAAC;SACjC;aAAM;YACL,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,kDAAc,CAAC;SAC7C;IACH,CAAC;IAID,SAAS,CAAC,KAA+B;;QACvC,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,mDAAG,KAAK,CAAC,CAAC;SACrC;aAAM;YACL,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,kDAAI,CAAC;SACvC;IACH,CAAC;IAED,QAAQ,CAAC,KAAe,EAAE,IAAc,EAAE,QAA8B;QACtE,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;YACnC,IAAI,EAAE,mBAAmB;YACzB,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;CACF;AA1DD,gCA0DC","file":"projection.js","sourcesContent":["// import type { GeoJsonFeatureSpec } from '@visactor/vgrammar';\n\nimport { projection } from '@visactor/vgrammar-projection';\nimport type { IProjectionSpec } from './interface';\n\n// TODO: 待 vgrammar 补充上后修改回去\ntype GeoJsonFeatureSpec = any;\nexport class Projection {\n  projection: any;\n\n  constructor(projectionSpec: IProjectionSpec) {\n    // TODO: vgrammar 类型问题\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this.projection = projection(projectionSpec.type)();\n  }\n\n  fit(start: number[], size: number[], features: GeoJsonFeatureSpec[]) {\n    const fitData = { type: 'FeatureCollection', features };\n    this.projection.fitExtent([start, size], fitData);\n  }\n\n  center(center: [number, number]) {\n    this.projection?.center?.(center);\n  }\n\n  project(point: [number, number]) {\n    return this.projection?.(point);\n  }\n\n  shape(data: GeoJsonFeatureSpec) {\n    return this.projection?.path?.(data);\n  }\n\n  invert(point: [number, number]) {\n    return this.projection?.invert?.(point);\n  }\n\n  scale(): number;\n  scale(scale: number): void;\n  scale(scale?: number): number | void {\n    if (scale !== undefined) {\n      this.projection?.scale?.(scale);\n    } else {\n      return this.projection?.scale?.() as number;\n    }\n  }\n\n  translate(): [number, number];\n  translate(point: [number, number]): void;\n  translate(point?: [number, number] | void) {\n    if (point !== undefined) {\n      this.projection?.translate?.(point);\n    } else {\n      return this.projection?.translate?.();\n    }\n  }\n\n  evaluate(start: number[], size: number[], features: GeoJsonFeatureSpec[]) {\n    const tmp = this.projection.copy();\n    return tmp?.fitExtent([start, size], {\n      type: 'FeatureCollection',\n      features\n    });\n  }\n}\n"]}

package/cjs/component/index.d.ts

@@ -0,0 +1,40 @@
+import type { IScrollBarSpec } from './data-zoom/scroll-bar';
+import { ScrollBar } from './data-zoom/scroll-bar';
+import type { IDataZoomSpec } from './data-zoom/data-zoom';
+import { DataZoom } from './data-zoom/data-zoom';
+import { CustomMark } from './custom-mark';
+import type { IBrushSpec } from './brush';
+import { Brush } from './brush';
+import type { IMapLabelSpec } from './map-label';
+import { MapLabelComponent } from './map-label';
+import type { ICartesianLinearAxisSpec, ICartesianBandAxisSpec, ICartesianTimeAxisSpec, ICartesianAxisSpec, ICartesianLogAxisSpec } from './axis/cartesian/index';
+import { CartesianAxis, CartesianLinearAxis, CartesianBandAxis, CartesianTimeAxis, CartesianLogAxis, CartesianSymlogAxis } from './axis/cartesian/index';
+import type { IPolarAxisSpec, IPolarBandAxisSpec, IPolarLinearAxisSpec } from './axis/polar';
+import { PolarAxis, PolarBandAxis, PolarLinearAxis } from './axis/polar';
+import type { IDiscreteLegendSpec } from './legend/discrete';
+import { DiscreteLegend } from './legend/discrete';
+import type { IContinuousLegendSpec } from './legend/continuous';
+import { ContinuousLegend } from './legend/continuous';
+import type { IIndicatorSpec } from './indicator';
+import { Indicator } from './indicator';
+import type { ITitleSpec } from './title';
+import { Title } from './title';
+import type { IGeoCoordinateSpec } from './geo';
+import { GeoCoordinate } from './geo';
+import type { ICartesianCrosshairSpec, IPolarCrosshairSpec } from './crosshair';
+import { CartesianCrossHair, PolarCrossHair } from './crosshair';
+import type { IPlayerSpec } from './player';
+import { Player } from './player';
+import type { IMarkLineSpec } from './marker/mark-line';
+import { MarkLine } from './marker/mark-line';
+import type { IMarkAreaSpec } from './marker/mark-area';
+import { MarkArea } from './marker/mark-area';
+import type { IMarkPointSpec } from './marker/mark-point';
+import { MarkPoint } from './marker/mark-point';
+import type { ITooltipSpec } from './tooltip';
+import { Tooltip } from './tooltip';
+import type { ILabelSpec } from './label';
+import { Label } from './label';
+import { TotalLabel } from './label/totalLabel';
+export { ScrollBar, DataZoom, CustomMark, Brush, MapLabelComponent, CartesianAxis, CartesianBandAxis, CartesianLinearAxis, CartesianTimeAxis, CartesianLogAxis, CartesianSymlogAxis, PolarAxis, PolarBandAxis, PolarLinearAxis, DiscreteLegend, ContinuousLegend, Indicator, Title, GeoCoordinate, CartesianCrossHair, PolarCrossHair, Player, MarkArea, MarkLine, MarkPoint, Tooltip, Label, TotalLabel };
+export type { IScrollBarSpec, IBrushSpec, ICartesianAxisSpec, ICartesianBandAxisSpec, ICartesianCrosshairSpec, ICartesianLinearAxisSpec, ICartesianTimeAxisSpec, ICartesianLogAxisSpec, IContinuousLegendSpec, IDataZoomSpec, IDiscreteLegendSpec, IGeoCoordinateSpec, IIndicatorSpec, ILabelSpec, IMapLabelSpec, IMarkAreaSpec, IMarkLineSpec, IMarkPointSpec, IPlayerSpec, IPolarAxisSpec, IPolarBandAxisSpec, IPolarCrosshairSpec, IPolarLinearAxisSpec, ITitleSpec, ITooltipSpec };

package/cjs/component/index.js

@@ -0,0 +1,226 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TotalLabel = exports.Label = exports.Tooltip = exports.MarkPoint = exports.MarkLine = exports.MarkArea = exports.Player = exports.PolarCrossHair = exports.CartesianCrossHair = exports.GeoCoordinate = exports.Title = exports.Indicator = exports.ContinuousLegend = exports.DiscreteLegend = exports.PolarLinearAxis = exports.PolarBandAxis = exports.PolarAxis = exports.CartesianSymlogAxis = exports.CartesianLogAxis = exports.CartesianTimeAxis = exports.CartesianLinearAxis = exports.CartesianBandAxis = exports.CartesianAxis = exports.MapLabelComponent = exports.Brush = exports.CustomMark = exports.DataZoom = exports.ScrollBar = void 0;
+
+const scroll_bar_1 = require("./data-zoom/scroll-bar");
+
+Object.defineProperty(exports, "ScrollBar", {
+    enumerable: !0,
+    get: function() {
+        return scroll_bar_1.ScrollBar;
+    }
+});
+
+const data_zoom_1 = require("./data-zoom/data-zoom");
+
+Object.defineProperty(exports, "DataZoom", {
+    enumerable: !0,
+    get: function() {
+        return data_zoom_1.DataZoom;
+    }
+});
+
+const custom_mark_1 = require("./custom-mark");
+
+Object.defineProperty(exports, "CustomMark", {
+    enumerable: !0,
+    get: function() {
+        return custom_mark_1.CustomMark;
+    }
+});
+
+const brush_1 = require("./brush");
+
+Object.defineProperty(exports, "Brush", {
+    enumerable: !0,
+    get: function() {
+        return brush_1.Brush;
+    }
+});
+
+const map_label_1 = require("./map-label");
+
+Object.defineProperty(exports, "MapLabelComponent", {
+    enumerable: !0,
+    get: function() {
+        return map_label_1.MapLabelComponent;
+    }
+});
+
+const index_1 = require("./axis/cartesian/index");
+
+Object.defineProperty(exports, "CartesianAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianAxis;
+    }
+}), Object.defineProperty(exports, "CartesianLinearAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianLinearAxis;
+    }
+}), Object.defineProperty(exports, "CartesianBandAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianBandAxis;
+    }
+}), Object.defineProperty(exports, "CartesianTimeAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianTimeAxis;
+    }
+}), Object.defineProperty(exports, "CartesianLogAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianLogAxis;
+    }
+}), Object.defineProperty(exports, "CartesianSymlogAxis", {
+    enumerable: !0,
+    get: function() {
+        return index_1.CartesianSymlogAxis;
+    }
+});
+
+const polar_1 = require("./axis/polar");
+
+Object.defineProperty(exports, "PolarAxis", {
+    enumerable: !0,
+    get: function() {
+        return polar_1.PolarAxis;
+    }
+}), Object.defineProperty(exports, "PolarBandAxis", {
+    enumerable: !0,
+    get: function() {
+        return polar_1.PolarBandAxis;
+    }
+}), Object.defineProperty(exports, "PolarLinearAxis", {
+    enumerable: !0,
+    get: function() {
+        return polar_1.PolarLinearAxis;
+    }
+});
+
+const discrete_1 = require("./legend/discrete");
+
+Object.defineProperty(exports, "DiscreteLegend", {
+    enumerable: !0,
+    get: function() {
+        return discrete_1.DiscreteLegend;
+    }
+});
+
+const continuous_1 = require("./legend/continuous");
+
+Object.defineProperty(exports, "ContinuousLegend", {
+    enumerable: !0,
+    get: function() {
+        return continuous_1.ContinuousLegend;
+    }
+});
+
+const indicator_1 = require("./indicator");
+
+Object.defineProperty(exports, "Indicator", {
+    enumerable: !0,
+    get: function() {
+        return indicator_1.Indicator;
+    }
+});
+
+const title_1 = require("./title");
+
+Object.defineProperty(exports, "Title", {
+    enumerable: !0,
+    get: function() {
+        return title_1.Title;
+    }
+});
+
+const geo_1 = require("./geo");
+
+Object.defineProperty(exports, "GeoCoordinate", {
+    enumerable: !0,
+    get: function() {
+        return geo_1.GeoCoordinate;
+    }
+});
+
+const crosshair_1 = require("./crosshair");
+
+Object.defineProperty(exports, "CartesianCrossHair", {
+    enumerable: !0,
+    get: function() {
+        return crosshair_1.CartesianCrossHair;
+    }
+}), Object.defineProperty(exports, "PolarCrossHair", {
+    enumerable: !0,
+    get: function() {
+        return crosshair_1.PolarCrossHair;
+    }
+});
+
+const player_1 = require("./player");
+
+Object.defineProperty(exports, "Player", {
+    enumerable: !0,
+    get: function() {
+        return player_1.Player;
+    }
+});
+
+const mark_line_1 = require("./marker/mark-line");
+
+Object.defineProperty(exports, "MarkLine", {
+    enumerable: !0,
+    get: function() {
+        return mark_line_1.MarkLine;
+    }
+});
+
+const mark_area_1 = require("./marker/mark-area");
+
+Object.defineProperty(exports, "MarkArea", {
+    enumerable: !0,
+    get: function() {
+        return mark_area_1.MarkArea;
+    }
+});
+
+const mark_point_1 = require("./marker/mark-point");
+
+Object.defineProperty(exports, "MarkPoint", {
+    enumerable: !0,
+    get: function() {
+        return mark_point_1.MarkPoint;
+    }
+});
+
+const tooltip_1 = require("./tooltip");
+
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: !0,
+    get: function() {
+        return tooltip_1.Tooltip;
+    }
+});
+
+const label_1 = require("./label");
+
+Object.defineProperty(exports, "Label", {
+    enumerable: !0,
+    get: function() {
+        return label_1.Label;
+    }
+});
+
+const totalLabel_1 = require("./label/totalLabel");
+
+Object.defineProperty(exports, "TotalLabel", {
+    enumerable: !0,
+    get: function() {
+        return totalLabel_1.TotalLabel;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/index.ts"],"names":[],"mappings":";;;AAKA,uDAAmD;AAoDjD,0FApDO,sBAAS,OAoDP;AAlDX,qDAAiD;AAmD/C,yFAnDO,oBAAQ,OAmDP;AAlDV,+CAA2C;AAmDzC,2FAnDO,wBAAU,OAmDP;AAjDZ,mCAAgC;AAkD9B,sFAlDO,aAAK,OAkDP;AAhDP,2CAAgD;AAiD9C,kGAjDO,6BAAiB,OAiDP;AAzCnB,kDAOgC;AAmC9B,8FAzCA,qBAAa,OAyCA;AAEb,oGA1CA,2BAAmB,OA0CA;AADnB,kGAxCA,yBAAiB,OAwCA;AAEjB,kGAzCA,yBAAiB,OAyCA;AACjB,iGAzCA,wBAAgB,OAyCA;AAChB,oGAzCA,2BAAmB,OAyCA;AAtCrB,wCAAyE;AAuCvE,0FAvCO,iBAAS,OAuCP;AACT,8FAxCkB,qBAAa,OAwClB;AACb,gGAzCiC,uBAAe,OAyCjC;AAvCjB,gDAAmD;AAwCjD,+FAxCO,yBAAc,OAwCP;AAtChB,oDAAuD;AAuCrD,iGAvCO,6BAAgB,OAuCP;AArClB,2CAAwC;AAsCtC,0FAtCO,qBAAS,OAsCP;AApCX,mCAAgC;AAqC9B,sFArCO,aAAK,OAqCP;AAnCP,+BAAsC;AAoCpC,8FApCO,mBAAa,OAoCP;AAlCf,2CAAiE;AAmC/D,mGAnCO,8BAAkB,OAmCP;AAClB,+FApC2B,0BAAc,OAoC3B;AAlChB,qCAAkC;AAmChC,uFAnCO,eAAM,OAmCP;AAjCR,kDAA8C;AAmC5C,yFAnCO,oBAAQ,OAmCP;AAjCV,kDAA8C;AAgC5C,yFAhCO,oBAAQ,OAgCP;AA9BV,oDAAgD;AAgC9C,0FAhCO,sBAAS,OAgCP;AA9BX,uCAAoC;AA+BlC,wFA/BO,iBAAO,OA+BP;AA7BT,mCAAgC;AA8B9B,sFA9BO,aAAK,OA8BP;AA7BP,mDAAgD;AA8B9C,2FA9BO,uBAAU,OA8BP","file":"index.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\n/**\n * @description export all component modules\n */\nimport type { IScrollBarSpec } from './data-zoom/scroll-bar';\nimport { ScrollBar } from './data-zoom/scroll-bar';\nimport type { IDataZoomSpec } from './data-zoom/data-zoom';\nimport { DataZoom } from './data-zoom/data-zoom';\nimport { CustomMark } from './custom-mark';\nimport type { IBrushSpec } from './brush';\nimport { Brush } from './brush';\nimport type { IMapLabelSpec } from './map-label';\nimport { MapLabelComponent } from './map-label';\nimport type {\n  ICartesianLinearAxisSpec,\n  ICartesianBandAxisSpec,\n  ICartesianTimeAxisSpec,\n  ICartesianAxisSpec,\n  ICartesianLogAxisSpec\n} from './axis/cartesian/index';\nimport {\n  CartesianAxis,\n  CartesianLinearAxis,\n  CartesianBandAxis,\n  CartesianTimeAxis,\n  CartesianLogAxis,\n  CartesianSymlogAxis\n} from './axis/cartesian/index';\nimport type { IPolarAxisSpec, IPolarBandAxisSpec, IPolarLinearAxisSpec } from './axis/polar';\nimport { PolarAxis, PolarBandAxis, PolarLinearAxis } from './axis/polar';\nimport type { IDiscreteLegendSpec } from './legend/discrete';\nimport { DiscreteLegend } from './legend/discrete';\nimport type { IContinuousLegendSpec } from './legend/continuous';\nimport { ContinuousLegend } from './legend/continuous';\nimport type { IIndicatorSpec } from './indicator';\nimport { Indicator } from './indicator';\nimport type { ITitleSpec } from './title';\nimport { Title } from './title';\nimport type { IGeoCoordinateSpec } from './geo';\nimport { GeoCoordinate } from './geo';\nimport type { ICartesianCrosshairSpec, IPolarCrosshairSpec } from './crosshair';\nimport { CartesianCrossHair, PolarCrossHair } from './crosshair';\nimport type { IPlayerSpec } from './player';\nimport { Player } from './player';\nimport type { IMarkLineSpec } from './marker/mark-line';\nimport { MarkLine } from './marker/mark-line';\nimport type { IMarkAreaSpec } from './marker/mark-area';\nimport { MarkArea } from './marker/mark-area';\nimport type { IMarkPointSpec } from './marker/mark-point';\nimport { MarkPoint } from './marker/mark-point';\nimport type { ITooltipSpec } from './tooltip';\nimport { Tooltip } from './tooltip';\nimport type { ILabelSpec } from './label';\nimport { Label } from './label';\nimport { TotalLabel } from './label/totalLabel';\n\nexport {\n  ScrollBar,\n  DataZoom,\n  CustomMark,\n  Brush,\n  MapLabelComponent,\n  CartesianAxis,\n  CartesianBandAxis,\n  CartesianLinearAxis,\n  CartesianTimeAxis,\n  CartesianLogAxis,\n  CartesianSymlogAxis,\n  PolarAxis,\n  PolarBandAxis,\n  PolarLinearAxis,\n  DiscreteLegend,\n  ContinuousLegend,\n  Indicator,\n  Title,\n  GeoCoordinate,\n  CartesianCrossHair,\n  PolarCrossHair,\n  Player,\n  MarkArea,\n  MarkLine,\n  MarkPoint,\n  Tooltip,\n  Label,\n  TotalLabel\n};\n\nexport type {\n  IScrollBarSpec,\n  IBrushSpec,\n  ICartesianAxisSpec,\n  ICartesianBandAxisSpec,\n  ICartesianCrosshairSpec,\n  ICartesianLinearAxisSpec,\n  ICartesianTimeAxisSpec,\n  ICartesianLogAxisSpec,\n  IContinuousLegendSpec,\n  IDataZoomSpec,\n  IDiscreteLegendSpec,\n  IGeoCoordinateSpec,\n  IIndicatorSpec,\n  ILabelSpec,\n  IMapLabelSpec,\n  IMarkAreaSpec,\n  IMarkLineSpec,\n  IMarkPointSpec,\n  IPlayerSpec,\n  IPolarAxisSpec,\n  IPolarBandAxisSpec,\n  IPolarCrosshairSpec,\n  IPolarLinearAxisSpec,\n  ITitleSpec,\n  ITooltipSpec\n};\n"]}

package/cjs/component/indicator/index.d.ts

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

package/cjs/component/indicator/index.js

@@ -0,0 +1,21 @@
+"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("./indicator"), exports), __exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/indicator/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,8CAA4B","file":"index.js","sourcesContent":["export * from './indicator';\nexport * from './interface';\n"]}

package/cjs/component/indicator/indicator.d.ts

@@ -0,0 +1,39 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { LayoutItem } from '../../model/layout-item';
+import { BaseComponent } from '../base';
+import type { IRegion } from '../../region/interface';
+import type { IIndicator, IIndicatorSpec, IIndicatorTheme } from './interface';
+import type { Maybe } from '../../typings';
+export declare class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {
+    static speckey: string;
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: number;
+    layoutLevel: number;
+    private _gap;
+    private _activeDatum;
+    private _displayData;
+    private _title;
+    private _content;
+    private _indicatorComponent;
+    private _cacheAttrs;
+    protected _theme: Maybe<IIndicatorTheme>;
+    static createComponent(spec: any, options: IComponentOption): import("../interface").IComponent[];
+    created(): void;
+    setAttrFromSpec(): void;
+    onRender(ctx: any): void;
+    changeRegions(regions: IRegion[]): void;
+    protected initEvent(): void;
+    private updateDatum;
+    private initData;
+    updateLayoutAttribute(): void;
+    private _getIndicatorAttrs;
+    private _createOrUpdateIndicatorComponent;
+    private _createText;
+    private _computeLayoutRadius;
+    private isRelativeModel;
+    clear(): void;
+}

package/cjs/component/indicator/indicator.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Indicator = void 0;
+
+const vdataset_1 = require("@visactor/vdataset"), constant_1 = require("../../constant"), interface_1 = require("../interface"), base_1 = require("../base"), util_1 = require("../../util"), vutils_1 = require("@visactor/vutils"), util_2 = require("./util"), register_1 = require("../../data/register"), data_1 = require("../../compile/data"), vrender_components_1 = require("@visactor/vrender-components");
+
+class Indicator extends base_1.BaseComponent {
+    constructor() {
+        super(...arguments), this.type = interface_1.ComponentTypeEnum.indicator, this.name = interface_1.ComponentTypeEnum.indicator, 
+        this.layoutType = "absolute", this.layoutZIndex = constant_1.LayoutZIndex.Indicator, 
+        this.layoutLevel = constant_1.LayoutLevel.Indicator, this._gap = 0, this._activeDatum = null;
+    }
+    static createComponent(spec, options) {
+        if (this.type !== Indicator.type) return null;
+        const indicatorSpec = spec.indicator || options.defaultSpec;
+        return (0, util_1.array)(indicatorSpec).filter((s => s && !1 !== s.visible)).map(((s, index) => new Indicator(s, Object.assign(Object.assign({}, options), {
+            specIndex: index,
+            specKey: Indicator.speckey
+        }))));
+    }
+    created() {
+        super.created(), this.initData(), this.initEvent();
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this._gap = this._spec.gap || 0, this._title = this._spec.title, 
+        this._content = (0, util_1.array)(this._spec.content), this._regions = this._option.getRegionsInUserIdOrIndex((0, 
+        util_1.array)(this._spec.regionId), (0, util_1.array)(this._spec.regionIndex));
+    }
+    onRender(ctx) {}
+    changeRegions(regions) {}
+    initEvent() {
+        "none" !== this._spec.trigger && ("hover" === this._spec.trigger ? (this.event.on("hovered", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(params.value[0]);
+        })), this.event.on("unhovered", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(null);
+        }))) : (this.event.on("selected", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(params.value[0]);
+        })), this.event.on("unselected", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(null);
+        }))));
+    }
+    updateDatum(datum) {
+        this._activeDatum = datum, this._displayData.updateData();
+        const attrs = this._getIndicatorAttrs();
+        this._createOrUpdateIndicatorComponent(attrs);
+    }
+    initData() {
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "indicatorFilter", util_2.indicatorMapper);
+        const displayData = new vdataset_1.DataView(this._option.dataSet);
+        displayData.transform({
+            type: "indicatorFilter",
+            options: {
+                title: this._title,
+                content: this._content,
+                datum: () => this._activeDatum
+            }
+        }), displayData.target.addListener("change", this.updateDatum.bind(this)), this._displayData = new data_1.CompilableData(this._option, displayData);
+    }
+    updateLayoutAttribute() {
+        const attrs = this._getIndicatorAttrs();
+        this._createOrUpdateIndicatorComponent(attrs), super.updateLayoutAttribute();
+    }
+    _getIndicatorAttrs() {
+        const region = this._regions[0], {width: width, height: height} = region.getLayoutRect(), {x: x, y: y} = region.getLayoutStartPoint(), contentComponentSpec = [];
+        return (0, util_1.array)(this._spec.content).forEach((eachItem => {
+            const contentSpec = (0, util_1.mergeSpec)({}, this._theme.content, eachItem);
+            contentComponentSpec.push({
+                visible: !1 !== contentSpec.visible && (!contentSpec.field || null !== this._activeDatum),
+                space: contentSpec.space || this._gap,
+                autoLimit: contentSpec.autoLimit,
+                autoFit: contentSpec.autoFit,
+                fitPercent: contentSpec.fitPercent,
+                style: Object.assign(Object.assign({}, (0, util_1.transformToGraphic)(contentSpec.style)), {
+                    text: this._createText(contentSpec.field, contentSpec.style.text)
+                })
+            });
+        })), {
+            visible: !1 !== this._spec.visible && (!1 !== this._spec.fixed || null !== this._activeDatum),
+            size: {
+                width: width,
+                height: height
+            },
+            zIndex: this.layoutZIndex,
+            x: x,
+            y: y,
+            dx: this._spec.offsetX ? (0, util_1.getActualNumValue)(this._spec.offsetX, this._computeLayoutRadius()) : 0,
+            dy: this._spec.offsetY ? (0, util_1.getActualNumValue)(this._spec.offsetY, this._computeLayoutRadius()) : 0,
+            limitRatio: this._spec.limitRatio || 1 / 0,
+            title: {
+                visible: !1 !== this._spec.title.visible && (!(0, util_1.isValid)(this._spec.title.field) || null !== this._activeDatum),
+                space: this._spec.title.space || this._gap,
+                autoLimit: this._spec.title.autoLimit,
+                autoFit: this._spec.title.autoFit,
+                fitPercent: this._spec.title.fitPercent,
+                style: Object.assign(Object.assign({}, (0, util_1.transformToGraphic)(this._spec.title.style)), {
+                    text: this._createText(this._spec.title.field, this._spec.title.style.text)
+                })
+            },
+            content: contentComponentSpec
+        };
+    }
+    _createOrUpdateIndicatorComponent(attrs) {
+        if (this._indicatorComponent) (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || this._indicatorComponent.setAttributes(attrs); else {
+            const container = this.getContainer(), indicator = new vrender_components_1.Indicator(attrs);
+            indicator.name = "indicator", container.add(indicator), this._indicatorComponent = indicator, 
+            this._indicatorComponent.on("*", ((event, type) => this._delegateEvent(this._indicatorComponent, event, type)));
+        }
+        return this._cacheAttrs = attrs, this._indicatorComponent;
+    }
+    _createText(field, text) {
+        var _a;
+        return field ? this._activeDatum ? this._activeDatum[field] : "" : (0, util_1.isFunction)(text) ? null !== (_a = text(this._activeDatum, void 0)) && void 0 !== _a ? _a : "" : null != text ? text : "";
+    }
+    _computeLayoutRadius() {
+        const region = this._regions[0], {width: width, height: height} = region.getLayoutRect();
+        return Math.min(width / 2, height / 2);
+    }
+    isRelativeModel(model) {
+        return (0, util_1.eachSeries)(this._regions, (s => model === s)) || this._regions.includes(model);
+    }
+    clear() {
+        this._indicatorComponent && (this._container.removeChild(this._indicatorComponent), 
+        this._indicatorComponent = null), this._cacheAttrs = null, super.clear();
+    }
+}
+
+exports.Indicator = Indicator, Indicator.speckey = "indicator", Indicator.type = interface_1.ComponentTypeEnum.indicator;
+//# sourceMappingURL=indicator.js.map

package/cjs/component/indicator/indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IComponentOption } from '../interface';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { BaseComponent } from '../base';\nimport type { IRegion } from '../../region/interface';\nimport type { IIndicator, IIndicatorItemSpec, IIndicatorSpec, IIndicatorTheme } from './interface';\nimport type { Maybe } from '../../typings';\nimport { isValid, isFunction, array, mergeSpec, eachSeries, transformToGraphic, getActualNumValue } from '../../util';\nimport { isEqual } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { IModel } from '../../model/interface';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { CompilableData } from '../../compile/data';\nimport { Indicator as IndicatorComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IndicatorAttributes } from '@visactor/vrender-components';\nimport type { IGraphic, INode } from '@visactor/vrender';\nimport type { IVisualScale, IVisualSpecStyle, VisualType, FunctionType } from '../../typings/visual';\n\nexport class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {\n  static speckey = 'indicator';\n  static type = ComponentTypeEnum.indicator;\n  type = ComponentTypeEnum.indicator;\n  name: string = ComponentTypeEnum.indicator;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n  layoutZIndex: number = LayoutZIndex.Indicator;\n  layoutLevel: number = LayoutLevel.Indicator;\n\n  private _gap: number = 0;\n\n  private _activeDatum: any = null;\n  private _displayData!: CompilableData;\n\n  private _title: IIndicatorItemSpec;\n  private _content: IIndicatorItemSpec[];\n\n  private _indicatorComponent: IndicatorComponents;\n  private _cacheAttrs: IndicatorAttributes;\n\n  protected declare _theme: Maybe<IIndicatorTheme>;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    if (this.type !== Indicator.type) {\n      return null;\n    }\n    const indicatorSpec = spec.indicator || options.defaultSpec;\n    const indicators: IIndicator[] = array(indicatorSpec)\n      .filter(s => s && s.visible !== false)\n      .map((s, index) => new Indicator(s, { ...options, specIndex: index, specKey: Indicator.speckey }));\n    return indicators;\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n    // event\n    this.initEvent();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._gap = this._spec.gap || 0;\n    this._title = this._spec.title;\n    this._content = array(this._spec.content);\n    this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  // event\n  protected initEvent() {\n    const trigger = this._spec.trigger;\n    if (trigger === 'none') {\n      return;\n    }\n\n    if (this._spec.trigger === 'hover') {\n      this.event.on('hovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unhovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    } else {\n      this.event.on('selected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unselected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    }\n  }\n\n  private updateDatum(datum: any) {\n    this._activeDatum = datum;\n    this._displayData.updateData();\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n  }\n\n  // data\n  private initData() {\n    registerDataSetInstanceTransform(this._option.dataSet, 'indicatorFilter', indicatorMapper);\n    const displayData = new DataView(this._option.dataSet);\n    displayData.transform({\n      type: 'indicatorFilter',\n      options: {\n        title: this._title,\n        content: this._content,\n        datum: () => this._activeDatum\n      }\n    });\n\n    displayData.target.addListener('change', this.updateDatum.bind(this));\n\n    this._displayData = new CompilableData(this._option, displayData);\n  }\n\n  updateLayoutAttribute(): void {\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n\n    super.updateLayoutAttribute();\n  }\n\n  private _getIndicatorAttrs() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    const { x, y } = region.getLayoutStartPoint();\n\n    const contentComponentSpec: IIndicatorItemSpec[] = [];\n    array(this._spec.content).forEach((eachItem: IIndicatorItemSpec) => {\n      const contentSpec = mergeSpec({}, this._theme.content, eachItem);\n      contentComponentSpec.push({\n        visible: contentSpec.visible !== false && (contentSpec.field ? this._activeDatum !== null : true),\n        space: contentSpec.space || this._gap,\n        autoLimit: contentSpec.autoLimit,\n        autoFit: contentSpec.autoFit,\n        fitPercent: contentSpec.fitPercent,\n        style: {\n          ...transformToGraphic(contentSpec.style),\n          text: this._createText(contentSpec.field, contentSpec.style.text)\n        }\n      });\n    });\n\n    return {\n      visible: this._spec.visible !== false && (this._spec.fixed !== false || this._activeDatum !== null),\n      size: {\n        width: width,\n        height: height\n      },\n      zIndex: this.layoutZIndex,\n      x: x,\n      y: y,\n      dx: this._spec.offsetX ? getActualNumValue(this._spec.offsetX, this._computeLayoutRadius()) : 0,\n      dy: this._spec.offsetY ? getActualNumValue(this._spec.offsetY, this._computeLayoutRadius()) : 0,\n      limitRatio: this._spec.limitRatio || Infinity,\n      title: {\n        visible: this._spec.title.visible !== false && (!isValid(this._spec.title.field) || this._activeDatum !== null),\n        space: this._spec.title.space || this._gap,\n        autoLimit: this._spec.title.autoLimit,\n        autoFit: this._spec.title.autoFit,\n        fitPercent: this._spec.title.fitPercent,\n        style: {\n          ...transformToGraphic(this._spec.title.style),\n          text: this._createText(this._spec.title.field, this._spec.title.style.text)\n        }\n      },\n      content: contentComponentSpec\n    } as IndicatorAttributes;\n  }\n\n  private _createOrUpdateIndicatorComponent(attrs: IndicatorAttributes): IndicatorComponents {\n    if (this._indicatorComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._indicatorComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      //FIXME:类型“IndicatorAttributes”的参数不能赋给类型“Required<IndicatorAttributes>”的参数\n      const indicator = new IndicatorComponents(attrs as any);\n      indicator.name = 'indicator';\n      container.add(indicator as unknown as INode);\n      this._indicatorComponent = indicator;\n      this._indicatorComponent.on('*', (event: any, type: string) =>\n        this._delegateEvent(this._indicatorComponent as unknown as IGraphic, event, type)\n      );\n    }\n    this._cacheAttrs = attrs;\n    return this._indicatorComponent;\n  }\n\n  private _createText(\n    field: string | undefined,\n    text:\n      | string\n      | number\n      | string[]\n      | IVisualScale\n      | VisualType<string>[]\n      | FunctionType<string | number | string[]>\n      | IVisualSpecStyle<unknown, string | number | string[]>\n      | undefined\n  ) {\n    if (field) {\n      return this._activeDatum ? this._activeDatum[field] : '';\n    }\n    if (isFunction(text)) {\n      return text(this._activeDatum, undefined) ?? '';\n    }\n    return text ?? '';\n  }\n\n  private _computeLayoutRadius() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    return Math.min(width / 2, height / 2);\n  }\n\n  private isRelativeModel(model: IModel) {\n    return eachSeries(this._regions, s => model === s) || this._regions.includes(model as IRegion);\n  }\n\n  clear(): void {\n    if (this._indicatorComponent) {\n      this._container.removeChild(this._indicatorComponent as unknown as INode);\n      this._indicatorComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}

package/cjs/component/indicator/interface.d.ts

@@ -0,0 +1,32 @@
+import type { IPercent } from '../../model/interface';
+import type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings/visual';
+import type { IComponentSpec } from '../base/interface';
+import type { IComponent } from '../interface';
+export interface IIndicatorItemSpec {
+    visible?: boolean;
+    field?: string;
+    space?: number;
+    autoLimit?: boolean;
+    autoFit?: boolean;
+    fitPercent?: number;
+    style?: Omit<ConvertToMarkStyleSpec<ITextMarkSpec>, 'visible'>;
+}
+export type IIndicator = IComponent;
+export interface IIndicatorSpec extends IComponentSpec {
+    visible?: boolean;
+    fixed?: boolean;
+    trigger?: 'hover' | 'select' | 'none';
+    gap?: number;
+    offsetX?: number | IPercent;
+    offsetY?: number | IPercent;
+    limitRatio?: number;
+    title?: IIndicatorItemSpec;
+    content?: IIndicatorItemSpec[] | IIndicatorItemSpec;
+}
+export interface IIndicatorItemTheme extends IIndicatorItemSpec {
+    style?: Omit<ITextMarkSpec, 'visible'>;
+}
+export interface IIndicatorTheme extends IIndicatorSpec {
+    title?: IIndicatorItemTheme;
+    content?: IIndicatorItemTheme;
+}

package/cjs/component/indicator/interface.js

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

package/cjs/component/indicator/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/indicator/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPercent } from '../../model/interface';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings/visual';\nimport type { IComponentSpec } from '../base/interface';\nimport type { IComponent } from '../interface';\n\nexport interface IIndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 文字内容字段\n   * 优先级高于样式中 text 配置\n   */\n  field?: string;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   * 兼容gap\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: Omit<ConvertToMarkStyleSpec<ITextMarkSpec>, 'visible'>;\n}\n\nexport type IIndicator = IComponent;\n\nexport interface IIndicatorSpec extends IComponentSpec {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 保持指标卡内容显示 / 交互后才显示\n   * @default true\n   */\n  fixed?: boolean;\n  /**\n   * 交互触发类型\n   * @default 'select'\n   */\n  trigger?: 'hover' | 'select' | 'none';\n  /**\n   * 指标卡文字间隔\n   * @deparated 已弃用，请使用 title.space 或者 content.space\n   * @default 0\n   */\n  gap?: number;\n  /**\n   * 指标卡 x 方向偏移\n   * 支持两种格式：像素值、百分比\n   * @default 0\n   */\n  offsetX?: number | IPercent;\n  /**\n   * 指标卡 y 方向偏移\n   * 支持两种格式：像素值、百分比\n   * @default 0\n   */\n  offsetY?: number | IPercent;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemSpec[] | IIndicatorItemSpec;\n}\n\nexport interface IIndicatorItemTheme extends IIndicatorItemSpec {\n  style?: Omit<ITextMarkSpec, 'visible'>;\n}\n\nexport interface IIndicatorTheme extends IIndicatorSpec {\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemTheme;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemTheme;\n}\n"]}