@visactor/vgrammar-core 0.7.0

package/es/semantic-marks/interval.js

@@ -0,0 +1,87 @@
+import { ScaleEnum } from "@visactor/vscale";
+
+import { GrammarMarkType } from "../graph/enums";
+
+import { invokeEncoder } from "../graph/mark/encode";
+
+import { isScaleEncode } from "../parse/mark";
+
+import { getGrammarOutput, isFunctionType } from "../parse/util";
+
+import { Mark } from "../view/mark";
+
+import { isNil } from "@visactor/vutils";
+
+import { createGraphicItem } from "../graph/util/graphic";
+
+import { transformsByType } from "../graph/attributes";
+
+export class Interval extends Mark {
+    encodeState(state, channel, value) {
+        return super.encodeState(state, channel, value), this._updateComponentEncoders(state), 
+        this;
+    }
+    _updateComponentEncoders(state) {
+        this._encoders || (this._encoders = {});
+        const userEncoder = this.spec.encode[state];
+        if (userEncoder && "update" === state) {
+            const params = this.parameters(), scales = isFunctionType(userEncoder) ? null : Object.keys(userEncoder).reduce(((res, channel) => (isScaleEncode(userEncoder[channel]) && (res[channel] = getGrammarOutput(userEncoder[channel].scale, params)), 
+            res)), {});
+            this._encoders[state] = {
+                callback: (datum, element, parameters) => {
+                    var _a, _b, _c;
+                    const userEncodeRes = invokeEncoder(userEncoder, datum, element, parameters);
+                    if (this.disableCoordinateTransform = !1, scales && scales.x && scales.x.type === ScaleEnum.Band) {
+                        if (!isNil(scales.y)) {
+                            const domain = scales.y.domain(), min = Math.min.apply(null, domain), max = Math.max.apply(null, domain), baseValue = min > 0 ? min : max < 0 ? max : 0;
+                            userEncodeRes.y1 = scales.y.scale(baseValue);
+                        }
+                        const bandWidth = scales.x.bandwidth();
+                        userEncodeRes.x = userEncodeRes.x + bandWidth / 4, userEncodeRes.x1 = userEncodeRes.x + bandWidth / 2;
+                    } else if (scales && scales.y && scales.y.type === ScaleEnum.Band) {
+                        if (!isNil(scales.x)) {
+                            const domain = scales.x.domain(), min = Math.min.apply(null, domain), max = Math.max.apply(null, domain), baseValue = min > 0 ? min : max < 0 ? max : 0;
+                            userEncodeRes.x1 = scales.x.scale(baseValue);
+                        }
+                        const bandWidth = scales.y.bandwidth();
+                        userEncodeRes.y = userEncodeRes.y + bandWidth / 4, userEncodeRes.y1 = userEncodeRes.y + bandWidth / 2;
+                    }
+                    if (scales) {
+                        const coord = (null !== (_b = this.view.getScaleById(null === (_a = userEncoder.x) || void 0 === _a ? void 0 : _a.scale)) && void 0 !== _b ? _b : this.view.getScaleById(null === (_c = userEncoder.y) || void 0 === _c ? void 0 : _c.scale)).getCoordinate();
+                        if (coord && "polar" === coord.type) {
+                            this.disableCoordinateTransform = !0;
+                            const origin = coord.origin();
+                            userEncodeRes.cx = origin.x, userEncodeRes.cy = origin.y;
+                        }
+                    }
+                    return userEncodeRes;
+                }
+            };
+        } else this._encoders[state] = userEncoder;
+    }
+    _getEncoders() {
+        var _a;
+        return null !== (_a = this._encoders) && void 0 !== _a ? _a : {};
+    }
+    getAttributeTransforms() {
+        return this.coord && "polar" === this.coord.output().type ? [ {
+            channels: [ "x", "y", "x1", "y1", "cx", "cy" ],
+            transform: (graphicAttributes, nextAttrs, storedAttrs) => {
+                graphicAttributes.x = storedAttrs.cx, graphicAttributes.y = storedAttrs.cy, this.coord.output().isTransposed() ? (graphicAttributes.startAngle = storedAttrs.y, 
+                graphicAttributes.endAngle = storedAttrs.y1, graphicAttributes.innerRadius = storedAttrs.x, 
+                graphicAttributes.outerRadius = storedAttrs.x1) : (graphicAttributes.startAngle = storedAttrs.x, 
+                graphicAttributes.endAngle = storedAttrs.x1, graphicAttributes.innerRadius = storedAttrs.y, 
+                graphicAttributes.outerRadius = storedAttrs.y1);
+            },
+            storedAttrs: "sizeAttrs"
+        } ] : transformsByType.rect;
+    }
+    addGraphicItem(attrs, groupKey) {
+        const graphicItem = createGraphicItem(this, this.coord && "polar" === this.coord.output().type ? GrammarMarkType.arc : GrammarMarkType.rect, attrs);
+        return super.addGraphicItem(attrs, groupKey, graphicItem);
+    }
+    release() {
+        super.release(), this._encoders = null;
+    }
+}
+//# sourceMappingURL=interval.js.map

package/es/semantic-marks/interval.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/semantic-marks/interval.ts"],"names":[],"mappings":"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","file":"interval.js","sourcesContent":["import type { IBandLikeScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { ScaleEnum } from '@visactor/vscale';\nimport { GrammarMarkType } from '../graph/enums';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { isScaleEncode } from '../parse/mark';\nimport { getGrammarOutput, isFunctionType } from '../parse/util';\nimport type {\n  StateEncodeSpec,\n  MarkSpec,\n  IElement,\n  MarkFunctionType,\n  AttributeTransform,\n  GetSignleEncodeSpecByType,\n  BaseSignleEncodeSpec\n} from '../types';\nimport { Mark } from '../view/mark';\nimport { isNil } from '@visactor/vutils';\nimport { createGraphicItem } from '../graph/util/graphic';\nimport type { IPolarCoordinate } from '@visactor/vgrammar-coordinate';\nimport { transformsByType } from '../graph/attributes';\n\nexport class Interval extends Mark {\n  declare markType: GrammarMarkType.interval;\n  protected declare spec: MarkSpec;\n\n  protected _encoders: StateEncodeSpec;\n\n  encodeState(state: string, channel: string | BaseSignleEncodeSpec, value?: MarkFunctionType<any>) {\n    super.encodeState(state, channel, value);\n\n    this._updateComponentEncoders(state);\n\n    return this;\n  }\n\n  protected _updateComponentEncoders(state: string) {\n    if (!this._encoders) {\n      this._encoders = {};\n    }\n\n    const userEncoder = this.spec.encode[state] as GetSignleEncodeSpecByType<'interval'>;\n\n    if (userEncoder && state === 'update') {\n      const params = this.parameters();\n      const scales: Record<string, IBaseScale> = isFunctionType(userEncoder)\n        ? null\n        : Object.keys(userEncoder).reduce((res, channel) => {\n            if (isScaleEncode(userEncoder[channel])) {\n              res[channel] = getGrammarOutput(userEncoder[channel].scale, params);\n            }\n            return res;\n          }, {});\n\n      this._encoders[state] = {\n        callback: (datum: any, element: IElement, parameters: any) => {\n          const userEncodeRes = invokeEncoder(userEncoder, datum, element, parameters);\n\n          this.disableCoordinateTransform = false;\n          if (scales && scales.x && scales.x.type === ScaleEnum.Band) {\n            if (!isNil(scales.y)) {\n              const domain = scales.y.domain();\n              const min = Math.min.apply(null, domain);\n              const max = Math.max.apply(null, domain);\n              const baseValue = min > 0 ? min : max < 0 ? max : 0;\n\n              userEncodeRes.y1 = scales.y.scale(baseValue);\n            }\n            const bandWidth = (scales.x as IBandLikeScale).bandwidth();\n\n            // TODO: handle bandWidth dynamically\n            userEncodeRes.x = userEncodeRes.x + bandWidth / 4;\n            userEncodeRes.x1 = userEncodeRes.x + bandWidth / 2;\n          } else if (scales && scales.y && scales.y.type === ScaleEnum.Band) {\n            if (!isNil(scales.x)) {\n              const domain = scales.x.domain();\n              const min = Math.min.apply(null, domain);\n              const max = Math.max.apply(null, domain);\n              const baseValue = min > 0 ? min : max < 0 ? max : 0;\n\n              userEncodeRes.x1 = scales.x.scale(baseValue);\n            }\n            const bandWidth = (scales.y as IBandLikeScale).bandwidth();\n\n            userEncodeRes.y = userEncodeRes.y + bandWidth / 4;\n            userEncodeRes.y1 = userEncodeRes.y + bandWidth / 2;\n          }\n\n          if (scales) {\n            const scaleGrammar =\n              this.view.getScaleById((userEncoder as any).x?.scale) ??\n              this.view.getScaleById((userEncoder as any).y?.scale);\n            const coord = scaleGrammar.getCoordinate();\n\n            if (coord && coord.type === 'polar') {\n              this.disableCoordinateTransform = true;\n              const origin = (coord as IPolarCoordinate).origin();\n              userEncodeRes.cx = origin.x;\n              userEncodeRes.cy = origin.y;\n            }\n          }\n\n          return userEncodeRes;\n        }\n      } as GetSignleEncodeSpecByType<'interval'>;\n    } else {\n      this._encoders[state] = userEncoder;\n    }\n  }\n\n  protected _getEncoders() {\n    return this._encoders ?? {};\n  }\n\n  getAttributeTransforms() {\n    if (this.coord && this.coord.output().type === 'polar') {\n      return [\n        {\n          channels: ['x', 'y', 'x1', 'y1', 'cx', 'cy'],\n          transform: (graphicAttributes: any, nextAttrs: any, storedAttrs: any) => {\n            graphicAttributes.x = storedAttrs.cx;\n            graphicAttributes.y = storedAttrs.cy;\n            if (this.coord.output().isTransposed()) {\n              graphicAttributes.startAngle = storedAttrs.y;\n              graphicAttributes.endAngle = storedAttrs.y1;\n              graphicAttributes.innerRadius = storedAttrs.x;\n              graphicAttributes.outerRadius = storedAttrs.x1;\n            } else {\n              //\n              graphicAttributes.startAngle = storedAttrs.x;\n              graphicAttributes.endAngle = storedAttrs.x1;\n              graphicAttributes.innerRadius = storedAttrs.y;\n              graphicAttributes.outerRadius = storedAttrs.y1;\n            }\n          },\n          storedAttrs: 'sizeAttrs'\n        }\n      ] as AttributeTransform[];\n    }\n\n    return transformsByType.rect;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const graphicItem = createGraphicItem(\n      this,\n      this.coord && this.coord.output().type === 'polar' ? GrammarMarkType.arc : GrammarMarkType.rect,\n      attrs\n    );\n\n    return super.addGraphicItem(attrs, groupKey, graphicItem);\n  }\n\n  release(): void {\n    super.release();\n    this._encoders = null;\n  }\n}\n"]}

package/es/semantic-marks/text.d.ts

@@ -0,0 +1,10 @@
+import { GrammarMarkType } from '../graph/enums';
+import type { MarkSpec } from '../types';
+import { Mark } from '../view/mark';
+export declare class Text extends Mark {
+    markType: GrammarMarkType.text;
+    protected spec: MarkSpec;
+    addGraphicItem(initAttrs: any, groupKey?: string): any;
+    getAttributeTransforms(): import("../types").AttributeTransform[];
+    release(): void;
+}

package/es/semantic-marks/text.js

@@ -0,0 +1,22 @@
+import { GrammarMarkType } from "../graph/enums";
+
+import { Mark } from "../view/mark";
+
+import { createGraphicItem } from "../graph/util/graphic";
+
+import { transformsByType } from "../graph/attributes";
+
+export class Text extends Mark {
+    addGraphicItem(initAttrs, groupKey) {
+        const textConfig = null == initAttrs ? void 0 : initAttrs.text, isRich = "rich" === (null == textConfig ? void 0 : textConfig.type), graphicItem = createGraphicItem(this, isRich ? GrammarMarkType.richtext : GrammarMarkType.text, initAttrs);
+        return isRich && (initAttrs.textConfig = []), super.addGraphicItem(initAttrs, groupKey, graphicItem);
+    }
+    getAttributeTransforms() {
+        var _a;
+        return "richtext" === (null === (_a = this.getGroupGraphicItem()) || void 0 === _a ? void 0 : _a.type) ? transformsByType.richtext : transformsByType.text;
+    }
+    release() {
+        super.release();
+    }
+}
+//# sourceMappingURL=text.js.map

package/es/semantic-marks/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/semantic-marks/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,OAAO,IAAK,SAAQ,IAAI;IAI5B,cAAc,CAAC,SAAc,EAAE,QAAiB;QAC9C,MAAM,UAAU,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC;QACnC,MAAM,MAAM,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,MAAM,CAAC;QAC3C,MAAM,WAAW,GAAG,iBAAiB,CACnC,IAAa,EACb,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EACxD,SAAS,CACV,CAAC;QAEF,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,UAAU,GAAG,EAAE,CAAC;SAC3B;QAED,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAChE,CAAC;IAED,sBAAsB;;QACpB,OAAO,CAAA,MAAA,IAAI,CAAC,mBAAmB,EAAE,0CAAE,IAAI,MAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;IAC7G,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;CACF","file":"text.js","sourcesContent":["import { GrammarMarkType } from '../graph/enums';\nimport type { IMark, MarkSpec } from '../types';\nimport { Mark } from '../view/mark';\nimport { createGraphicItem } from '../graph/util/graphic';\nimport { transformsByType } from '../graph/attributes';\n\nexport class Text extends Mark {\n  declare markType: GrammarMarkType.text;\n  protected declare spec: MarkSpec;\n\n  addGraphicItem(initAttrs: any, groupKey?: string) {\n    const textConfig = initAttrs?.text;\n    const isRich = textConfig?.type === 'rich';\n    const graphicItem = createGraphicItem(\n      this as IMark,\n      isRich ? GrammarMarkType.richtext : GrammarMarkType.text,\n      initAttrs\n    );\n\n    if (isRich) {\n      initAttrs.textConfig = [];\n    }\n\n    return super.addGraphicItem(initAttrs, groupKey, graphicItem);\n  }\n\n  getAttributeTransforms() {\n    return this.getGroupGraphicItem()?.type === 'richtext' ? transformsByType.richtext : transformsByType.text;\n  }\n\n  release(): void {\n    super.release();\n  }\n}\n"]}

package/es/theme/common/component.d.ts

@@ -0,0 +1,15 @@
+import type { ContinuousPlayerAttributes, DataLabelAttrs, DataZoomAttributes, DiscretePlayerAttributes, LineLabelAttrs, RectLabelAttrs, SymbolLabelAttrs, ArcLabelAttrs, TooltipAttributes, BaseLabelAttrs, TitleAttrs, ScrollBarAttributes } from '@visactor/vrender-components';
+import type { IComponentTheme, RecursivePartial } from '../../types';
+export declare const dataLabel: RecursivePartial<DataLabelAttrs>;
+export declare const lineLabel: RecursivePartial<LineLabelAttrs>;
+export declare const rectLabel: RecursivePartial<RectLabelAttrs>;
+export declare const symbolLabel: RecursivePartial<SymbolLabelAttrs>;
+export declare const arcLabel: RecursivePartial<ArcLabelAttrs>;
+export declare const pointLabel: RecursivePartial<BaseLabelAttrs>;
+export declare const datazoom: RecursivePartial<DataZoomAttributes>;
+export declare const continuousPlayer: RecursivePartial<ContinuousPlayerAttributes>;
+export declare const discretePlayer: RecursivePartial<DiscretePlayerAttributes>;
+export declare const tooltip: RecursivePartial<TooltipAttributes>;
+export declare const title: RecursivePartial<TitleAttrs>;
+export declare const scrollbar: RecursivePartial<ScrollBarAttributes>;
+export declare const defaultComponentTheme: IComponentTheme;

package/es/theme/common/component.js

@@ -0,0 +1,510 @@
+const axis = {
+    label: {
+        visible: !0,
+        inside: !1,
+        space: 4,
+        style: {
+            fontSize: 12,
+            fill: "#89909d",
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    },
+    tick: {
+        visible: !0,
+        inside: !1,
+        alignWithLabel: !0,
+        length: 4,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    subTick: {
+        visible: !1,
+        inside: !1,
+        count: 4,
+        length: 2,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    line: {
+        visible: !0,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    items: [],
+    start: {
+        x: 0,
+        y: 0
+    },
+    end: {
+        x: 100,
+        y: 0
+    },
+    x: 0,
+    y: 0
+}, circleAxis = {
+    title: {
+        space: 4,
+        padding: [ 0, 0, 0, 0 ],
+        textStyle: {
+            fontSize: 12,
+            fill: "#333333",
+            fontWeight: "normal",
+            fillOpacity: 1
+        },
+        text: "theta"
+    },
+    label: {
+        visible: !0,
+        inside: !1,
+        space: 4,
+        style: {
+            fontSize: 12,
+            fill: "#6F6F6F",
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    },
+    tick: {
+        visible: !0,
+        inside: !1,
+        alignWithLabel: !0,
+        length: 4,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    subTick: {
+        visible: !1,
+        inside: !1,
+        count: 4,
+        length: 2,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    line: {
+        visible: !0,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    items: [],
+    startAngle: 0,
+    endAngle: 2 * Math.PI,
+    radius: 100,
+    innerRadius: 0,
+    center: {
+        x: 0,
+        y: 0
+    },
+    x: 0,
+    y: 0
+}, grid = {
+    style: {
+        stroke: "#f1f2f5"
+    }
+}, circleGrid = {
+    style: {
+        stroke: "#f1f2f5"
+    }
+}, discreteLegend = {
+    layout: "vertical",
+    title: {
+        align: "start",
+        space: 12,
+        textStyle: {
+            fontSize: 12,
+            fontWeight: "bold",
+            fill: "#2C3542"
+        }
+    },
+    item: {
+        spaceCol: 10,
+        spaceRow: 10,
+        shape: {
+            space: 4,
+            style: {
+                size: 10,
+                cursor: "pointer"
+            },
+            state: {
+                selectedHover: {
+                    opacity: .85
+                },
+                unSelected: {
+                    fill: "#D8D8D8",
+                    stroke: "#D8D8D8",
+                    fillOpacity: .5
+                }
+            }
+        },
+        label: {
+            space: 4,
+            style: {
+                fontSize: 12,
+                fill: "black",
+                cursor: "pointer"
+            },
+            state: {
+                selectedHover: {
+                    opacity: .85
+                },
+                unSelected: {
+                    fill: "#D8D8D8",
+                    fillOpacity: .5
+                }
+            }
+        },
+        value: {
+            alignRight: !1,
+            style: {
+                fontSize: 12,
+                fill: "#ccc",
+                cursor: "pointer"
+            },
+            state: {
+                selectedHover: {
+                    opacity: .85
+                },
+                unSelected: {
+                    fill: "#D8D8D8"
+                }
+            }
+        },
+        background: {
+            style: {
+                cursor: "pointer"
+            },
+            state: {
+                selectedHover: {
+                    fillOpacity: .7,
+                    fill: "gray"
+                },
+                unSelectedHover: {
+                    fillOpacity: .2,
+                    fill: "gray"
+                }
+            }
+        },
+        focus: !1,
+        focusIconStyle: {
+            size: 10,
+            fill: "#333",
+            cursor: "pointer"
+        },
+        visible: !0,
+        padding: {
+            top: 2,
+            bottom: 2,
+            left: 2,
+            right: 2
+        }
+    },
+    autoPage: !0,
+    pager: {
+        space: 12,
+        handler: {
+            style: {
+                size: 10
+            },
+            space: 4
+        }
+    },
+    hover: !0,
+    select: !0,
+    selectMode: "multiple",
+    allowAllCanceled: !1,
+    items: [ {
+        index: 0,
+        id: "",
+        label: "",
+        shape: {
+            fill: "#6690F2",
+            stroke: "#6690F2",
+            symbolType: "circle"
+        }
+    } ]
+}, colorLegend = {
+    title: {
+        visible: !1,
+        text: ""
+    },
+    colors: [],
+    layout: "horizontal",
+    railWidth: 200,
+    railHeight: 8,
+    railStyle: {
+        cornerRadius: 5
+    }
+}, sizeLegend = {
+    title: {
+        visible: !1,
+        text: ""
+    },
+    trackStyle: {
+        fill: "#ccc"
+    },
+    layout: "horizontal",
+    align: "bottom",
+    railWidth: 200,
+    railHeight: 6,
+    min: 0,
+    max: 1,
+    value: [ 0, 1 ]
+}, lineCrosshair = {
+    start: {
+        x: 0,
+        y: 0
+    },
+    end: {
+        x: 0,
+        y: 0
+    }
+}, rectCrosshair = {
+    start: {
+        x: 0,
+        y: 0
+    },
+    end: {
+        x: 0,
+        y: 0
+    },
+    rectStyle: {
+        width: 10,
+        height: 10
+    }
+}, sectorCrosshair = {
+    center: {
+        x: 0,
+        y: 0
+    },
+    radius: 100,
+    startAngle: 0,
+    endAngle: Math.PI / 6
+}, circleCrosshair = {
+    center: {
+        x: 0,
+        y: 0
+    },
+    radius: 100,
+    startAngle: 0,
+    endAngle: 2 * Math.PI
+}, polygonCrosshair = {
+    center: {
+        x: 0,
+        y: 0
+    },
+    radius: 100,
+    startAngle: 0,
+    endAngle: 2 * Math.PI,
+    sides: 6
+}, slider = {
+    layout: "horizontal",
+    railWidth: 200,
+    railHeight: 10,
+    railStyle: {
+        cornerRadius: 5
+    },
+    range: {
+        draggableTrack: !0
+    },
+    startText: {
+        visible: !0,
+        text: "",
+        space: 8
+    },
+    endText: {
+        visible: !0,
+        text: "",
+        space: 8
+    },
+    min: 0,
+    max: 1,
+    value: [ 0, 1 ]
+};
+
+export const dataLabel = {
+    size: {
+        width: 400,
+        height: 400
+    },
+    dataLabels: []
+};
+
+export const lineLabel = {
+    type: "line",
+    data: [ {
+        text: "",
+        data: {}
+    } ],
+    position: "start",
+    overlap: {
+        avoidBaseMark: !0,
+        clampForce: !1,
+        size: {
+            width: 1e3,
+            height: 1e3
+        },
+        strategy: [ {
+            type: "position"
+        } ]
+    },
+    smartInvert: !1
+};
+
+export const rectLabel = {
+    type: "rect",
+    data: [ {
+        text: "",
+        fill: "#606773",
+        data: {}
+    } ],
+    position: "top",
+    overlap: {
+        size: {
+            width: 1e3,
+            height: 1e3
+        },
+        strategy: [ {
+            type: "position"
+        } ]
+    },
+    smartInvert: !1
+};
+
+export const symbolLabel = {
+    type: "symbol",
+    data: [ {
+        text: "",
+        fill: "#606773",
+        data: {}
+    } ],
+    position: "top",
+    overlap: {
+        avoidBaseMark: !0,
+        size: {
+            width: 1e3,
+            height: 1e3
+        },
+        strategy: [ {
+            type: "position"
+        } ]
+    },
+    smartInvert: !1
+};
+
+export const arcLabel = {
+    type: "arc",
+    data: [ {
+        text: "",
+        fill: "#606773",
+        data: {}
+    } ],
+    width: 800,
+    height: 600,
+    position: "outside",
+    zIndex: 302
+};
+
+export const pointLabel = {
+    data: [ {
+        text: "",
+        fill: "#606773",
+        data: {}
+    } ],
+    overlap: {
+        avoidBaseMark: !1,
+        clampForce: !1,
+        size: {
+            width: 1e3,
+            height: 1e3
+        }
+    },
+    smartInvert: !1
+};
+
+export const datazoom = {
+    orient: "bottom",
+    showDetail: "auto",
+    brushSelect: !0,
+    start: 0,
+    end: 1,
+    position: {
+        x: 0,
+        y: 0
+    },
+    size: {
+        width: 500,
+        height: 40
+    },
+    previewData: []
+};
+
+export const continuousPlayer = {};
+
+export const discretePlayer = {};
+
+export const tooltip = {};
+
+export const title = {
+    textStyle: {
+        fill: "#21252c"
+    },
+    subtextStyle: {
+        fill: "#606773"
+    }
+};
+
+export const scrollbar = {
+    width: 12,
+    height: 12,
+    padding: [ 2, 2 ],
+    railStyle: {
+        fill: "rgba(0, 0, 0, .1)"
+    }
+};
+
+export const defaultComponentTheme = {
+    axis: axis,
+    circleAxis: circleAxis,
+    grid: grid,
+    circleGrid: circleGrid,
+    discreteLegend: discreteLegend,
+    colorLegend: colorLegend,
+    sizeLegend: sizeLegend,
+    lineCrosshair: lineCrosshair,
+    rectCrosshair: rectCrosshair,
+    sectorCrosshair: sectorCrosshair,
+    circleCrosshair: circleCrosshair,
+    polygonCrosshair: polygonCrosshair,
+    slider: slider,
+    dataLabel: dataLabel,
+    pointLabel: pointLabel,
+    lineLabel: lineLabel,
+    rectLabel: rectLabel,
+    symbolLabel: symbolLabel,
+    arcLabel: arcLabel,
+    datazoom: datazoom,
+    continuousPlayer: continuousPlayer,
+    discretePlayer: discretePlayer,
+    tooltip: tooltip,
+    title: title,
+    scrollbar: scrollbar
+};
+//# sourceMappingURL=component.js.map