@glodon-aiot/react-components 3.0.5-beta.0

package/dist/src/Button/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './style.less';
+interface ButtonProps {
+    primary?: boolean;
+    backgroundColor?: string;
+    size?: 'small' | 'medium' | 'large';
+    label: string;
+    onClick?: () => void;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/src/ConfirmableButton/index.d.ts

@@ -0,0 +1,16 @@
+import React, { FC, ReactNode } from 'react';
+import { ButtonType } from 'antd/es/button';
+export interface ButtonConfirm {
+    text: string;
+}
+export interface ConfirmableButtonProps {
+    name: string;
+    children?: ReactNode;
+    confirm?: boolean | ButtonConfirm;
+    type?: ButtonType;
+    style?: React.CSSProperties;
+    className?: string;
+    onConfirm?: (e?: React.MouseEvent<HTMLElement, MouseEvent> | undefined) => void;
+}
+declare const ConfirmableButton: FC<ConfirmableButtonProps>;
+export default ConfirmableButton;

package/dist/src/Drawable/Drawable.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { Line, Marker, Point, Polygon } from '.';
+export type DrawableState = 'viewOnly' | 'drawingLine' | 'addingMarker' | 'drawingPolygon';
+export interface DrawOptions {
+    lineColor?: string;
+    areaColor?: string;
+    lineWidth?: number | string;
+    lineDashArray?: string;
+    polygon?: {
+        showVertexIndex?: boolean;
+        vertexBgColor?: string;
+        vertexTextColor?: string;
+    };
+}
+export interface DrawableProps<MARKER extends Marker> {
+    drawOptions?: DrawOptions;
+    width?: number;
+    height?: number;
+    state: DrawableState;
+    scale: number;
+    lines?: Line[];
+    polygons?: Polygon[];
+    markers?: MARKER[];
+    markRenderer?(marker: MARKER): ReactNode;
+    onAddLine?(start: Point, end: Point): void;
+    onAddMarker?(at: Point): void;
+    onAddPolygon?(points: Point[]): void;
+    onStateChange?(state: DrawableState): void;
+}
+export interface State {
+}
+export default function Drawable<MARKER extends Marker>(props: DrawableProps<MARKER>): JSX.Element;

package/dist/src/Drawable/LineElement.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Point } from '.';
+export interface LineElementProps {
+    start: Point;
+    end: Point;
+}
+export interface State {
+}
+export default function LineElement(props: LineElementProps): JSX.Element;

package/dist/src/Drawable/MarkerElement.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Marker, Point } from '.';
+export interface MarkerElementProps<M extends Marker> {
+    marker: M;
+    onPointChange?(point: Point): void;
+    markRenderer?(marker: Marker): ReactNode;
+}
+export interface State {
+}
+export default function MarkerElement<M extends Marker>(props: MarkerElementProps<M>): JSX.Element;

package/dist/src/Drawable/MarkersMap.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Marker } from '.';
+export interface MarkersMapProps {
+    markers?: Marker[];
+}
+export interface State {
+}
+export default function MarkersMap(props: MarkersMapProps): JSX.Element;

package/dist/src/Drawable/PolygonElement.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Point, PolygonOptions } from '.';
+export interface PolygonElementProps {
+    points: Point[];
+    options?: PolygonOptions;
+    editing: boolean;
+    onClose?(index: number): void;
+}
+export interface State {
+}
+export default function PolygonElement(props: PolygonElementProps): JSX.Element | null;

package/dist/src/Drawable/index.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { DrawOptions } from './Drawable';
+export { default as default } from './Drawable';
+export type Identifier = string | number;
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface Marker {
+    id: Identifier;
+    point: Point;
+}
+export interface Line {
+    id: Identifier;
+    start: Point;
+    end: Point;
+}
+export interface Polygon {
+    id: Identifier;
+    points: Point[];
+    autoClose?: boolean;
+    options?: PolygonOptions;
+}
+export interface PolygonOptions {
+    hideBorder?: boolean;
+    hideBackground?: boolean;
+    borderColor?: string;
+    backgroundColor?: string;
+}
+export declare function calAngle(p1: Point, p2: Point, p3?: Point): number;
+export interface IDrawableContext {
+    options: DrawOptions;
+}
+export declare const DrawableContext: import("react").Context<IDrawableContext>;

package/dist/src/Drawable/state.d.ts

@@ -0,0 +1,49 @@
+import { Point } from '.';
+export interface DrawableContext {
+    markerPoint?: Point;
+    polygonPoints?: Point[];
+    lineStart?: Point;
+    lineEnd?: Point;
+    movingPoint?: Point;
+}
+export type DrawableEvent = {
+    type: 'START_ADD_MARKER';
+} | {
+    type: 'START_DRAW_LINE';
+} | {
+    type: 'START_DRAW_POLYGON';
+} | {
+    type: 'ADD_MARKER';
+    point: Point;
+} | {
+    type: 'ADD_LINE_START';
+    point: Point;
+} | {
+    type: 'ADD_LINE_END';
+    point: Point;
+} | {
+    type: 'DRAW_LINE_COMPLETED';
+} | {
+    type: 'DRAW_POLYGON';
+    start: Point;
+} | {
+    type: 'ADD_POLYGON_POINT';
+    point: Point;
+} | {
+    type: 'DRAW_POLYGON_COMPLETE';
+} | {
+    type: 'MOUSE_MOVE';
+    point: Point;
+} | {
+    type: 'RESET';
+} | {
+    type: 'CANCEL';
+};
+type SimpleState<T> = {
+    value: T;
+    context: DrawableContext;
+};
+type S<T> = SimpleState<T>;
+export type DrawableState = S<'idle'> | S<'addingMarker'> | S<'drawingLine'> | S<'drawingPolygon'> | S<'drawCompleted'> | S<'canceled'>;
+export declare const drawableMachine: import("xstate").StateMachine<DrawableContext, any, DrawableEvent, DrawableState, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DrawableEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export {};

package/dist/src/ExpandablePannel/index.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties, FC, ReactElement } from 'react';
+import './style.less';
+export type PannelMode = 'max' | 'normal' | 'min';
+interface ExpandablePannelProps {
+    visible?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    headerClassName?: string;
+    mode?: PannelMode;
+    icons?: {
+        collapseButton: ReactElement;
+        expandButton: ReactElement;
+        fullscreenButton: ReactElement;
+        exitFullscreenButton: ReactElement;
+    };
+    extraButtons?: ReactElement[];
+    header?: ReactElement;
+    fullScreenContainer?: HTMLElement;
+    onNormalize?: () => void;
+    onMinimize?: () => void;
+    onMaximize?: () => void;
+}
+declare const ExpandablePannel: FC<ExpandablePannelProps>;
+export default ExpandablePannel;

package/dist/src/GOSImageMap/DrawableImageMap.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Marker } from '../Drawable';
+import { DrawableProps } from '../Drawable/Drawable';
+export interface DrawableImageMapProps<MARKER extends Marker> extends DrawableProps<MARKER> {
+    url?: string;
+}
+export interface State {
+}
+export default function DrawableImageMap<MARKER extends Marker>(props: DrawableImageMapProps<MARKER>): JSX.Element | null;

package/dist/src/GOSImageMap/ImageMap.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ImageMapProps {
+    url: string;
+    onScaleChange(scale: number, width: number, height: number): void;
+    onLoad?(img: HTMLImageElement): void;
+}
+export interface State {
+}
+export default function ImageMap(props: ImageMapProps): JSX.Element;

package/dist/src/GOSImageMap/index.d.ts

@@ -0,0 +1,2 @@
+export { default as default } from './ImageMap';
+export { default as DrawableImageMap } from './DrawableImageMap';

package/dist/src/IconButton/index.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, FC } from 'react';
+import './style.less';
+interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const IconButton: FC<IconButtonProps>;
+export default IconButton;

package/dist/src/Iconfont/CloudIconfont.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+export default _default;

package/dist/src/Iconfont/EdgeIconfont.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+export default _default;

package/dist/src/Iconfont/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Iconfont: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+export default Iconfont;

package/dist/src/ImageMap/index.d.ts

@@ -0,0 +1,41 @@
+import React, { CSSProperties } from 'react';
+import './style.less';
+import { ITrackPoint } from '..';
+import { TrackMapActions, Transform } from '../TrackMap';
+interface ImageMapProps {
+    url: string;
+    points?: ITrackPoint[];
+    pointSize?: number;
+    direction?: number;
+    activePointId?: string;
+    lineStyle?: CSSProperties;
+    pointStyle?: CSSProperties;
+    directionStyle?: CSSProperties;
+    transform?: Transform;
+    trackEditable?: boolean;
+    trackEditing?: boolean;
+    keepRatio?: boolean;
+    actions?: TrackMapActions;
+    onTrackEditingChange?: (editing: boolean) => void;
+    onPointClick?: (val: ITrackPoint) => void;
+    passes?: any;
+    activePassId?: number;
+    passStyle?: CSSProperties;
+    activePassStyle?: CSSProperties;
+    marks?: any;
+    draggable?: boolean;
+    zoomable?: boolean;
+    zoomStep?: number;
+    offsetEdge?: number[];
+    zoomMax?: number;
+    zoomMin?: number;
+    onImageLoad?: (img: HTMLImageElement) => void;
+    onTransform?: (transform: Transform, pointsEl?: SVGCircleElement[], canvas?: SVGSVGElement) => void;
+    onPointsChange?: (points: ITrackPoint[]) => void;
+}
+export interface ImageMapRefProps {
+    zoomIn: (zoom?: number) => void;
+    zoomOut: (zoom?: number) => void;
+}
+declare const ImageMap: React.ForwardRefExoticComponent<ImageMapProps & React.RefAttributes<ImageMapRefProps>>;
+export default ImageMap;

package/dist/src/MouseTip/constant.d.ts

@@ -0,0 +1,6 @@
+export declare const GAP_SIZE_H = 16;
+export declare const GAP_SIZE_V = 16;
+export declare const ON_LEFT = -1;
+export declare const ON_RIGHT = 1;
+export declare const ON_TOP = -1;
+export declare const ON_BOTTOM = 1;

package/dist/src/MouseTip/index.d.ts

@@ -0,0 +1,17 @@
+import { FC, CSSProperties } from 'react';
+import './style.less';
+import { Placement } from './types';
+interface MouseTipProps {
+    className?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
+    forElement?: HTMLElement | null;
+    placement?: Placement;
+    curserPosition?: [number, number];
+}
+declare const MouseTip: FC<MouseTipProps>;
+export default MouseTip;

package/dist/src/MouseTip/types.d.ts

@@ -0,0 +1,8 @@
+export type HorizontalPlacement = 'left' | 'center' | 'right';
+export type VerticalPlacement = 'top' | 'middle' | 'bottom';
+export type SinglePlacemnet = HorizontalPlacement | VerticalPlacement;
+export type Placement = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom' | 'top' | 'bottom' | 'left' | 'right';
+export interface PlacementParams {
+    className: string;
+    margin: [number, number];
+}

package/dist/src/MouseTip/utils.d.ts

@@ -0,0 +1,8 @@
+import { HorizontalPlacement, VerticalPlacement } from './types';
+export declare const getOffsetX: (e: any) => any;
+export declare const getOffsetY: (e: any) => any;
+export declare const placementStringToArr: (Placement: any) => [HorizontalPlacement, VerticalPlacement];
+export declare const getPlacementPosition: (placement: [HorizontalPlacement, VerticalPlacement], contentRect?: DOMRect, gap?: [number, number]) => {
+    x: number;
+    y: number;
+};

package/dist/src/PanoramaRecordPlayer/index.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+interface PanoramaRecordPlayerProps {
+    className?: string;
+    style?: CSSProperties;
+    length?: number;
+    current?: number;
+    speed?: number;
+    play?: boolean;
+    loop?: boolean;
+    loading?: boolean;
+    onChange: (index: number) => void;
+}
+declare const PanoramaRecordPlayer: FC<PanoramaRecordPlayerProps>;
+export default PanoramaRecordPlayer;

package/dist/src/PassMap/index.d.ts

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+import './style.less';
+interface PassMapProps {
+    passes?: any;
+    style?: CSSProperties;
+    scale: number;
+    activePassId?: number;
+    passStyle?: CSSProperties;
+    activePassStyle?: CSSProperties;
+}
+declare const PassMap: React.FC<PassMapProps>;
+export default PassMap;

package/dist/src/TrackMap/PointTooltip.d.ts

@@ -0,0 +1,9 @@
+import { FC, Key } from 'react';
+import { AbstractTooltipProps } from 'antd/es/tooltip';
+import { ITrackPoint } from '.';
+export interface PointTooltipProps extends AbstractTooltipProps {
+    point: ITrackPoint;
+    key?: Key;
+}
+declare const PointTooltip: FC<PointTooltipProps>;
+export default PointTooltip;

package/dist/src/TrackMap/TrackPoint.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties, FC, Key } from 'react';
+import { ITrackPoint } from '.';
+interface TrackPointProps {
+    point: ITrackPoint;
+    open?: boolean;
+    key?: Key;
+    id?: Key;
+    x: number;
+    y: number;
+    r: number;
+    style?: CSSProperties & any;
+    scale?: number;
+    active?: boolean;
+    hidden?: boolean;
+    onPointClick?: (val: ITrackPoint) => void;
+    getTooltipContainer?: (node: HTMLElement) => HTMLElement;
+}
+declare const TrackPoint: FC<TrackPointProps>;
+export default TrackPoint;

package/dist/src/TrackMap/index.d.ts

@@ -0,0 +1,83 @@
+import React, { CSSProperties, ReactElement } from 'react';
+import './style.less';
+export interface Position {
+    id: number | string;
+    x: number;
+    y: number;
+}
+export type OrderedPosition = Position & {
+    order: number;
+};
+export interface Transform {
+    translate?: number[];
+    rotate?: number;
+    scale?: number[];
+}
+export interface ITrackPoint {
+    id: string | number;
+    x: number;
+    y: number;
+    order: number;
+    lineStyle?: CSSProperties & any;
+    pointStyle?: CSSProperties & any;
+    tooltipStyle?: CSSProperties;
+    tooltipOpen?: boolean;
+    tooltipRender?: (item: Position) => HTMLElement | string | number;
+}
+export interface TrackEditButtonConfirm {
+    text: string;
+}
+export interface TrackEditButton {
+    text?: string;
+    style?: CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TrackEditConfirmableButton extends TrackEditButton {
+    confirm?: boolean | TrackEditButtonConfirm;
+}
+export interface TrackEditButtons {
+    editButton?: TrackEditButton & {
+        exitTitleText?: string;
+        titleText?: string;
+    };
+    okButton?: TrackEditConfirmableButton;
+    cancelButton?: TrackEditConfirmableButton;
+}
+export type TrackMapActions = boolean | TrackEditButtons;
+interface TrackMapProps {
+    width: number;
+    height: number;
+    points: ITrackPoint[];
+    scale: number;
+    pointSize?: number;
+    direction?: number;
+    activePointId?: string;
+    style?: CSSProperties;
+    lineStyle?: CSSProperties & any;
+    pointStyle?: CSSProperties & any;
+    directionStyle?: CSSProperties;
+    marks?: ITrackMapMark[];
+    movable?: boolean;
+    resizable?: boolean;
+    transform?: Transform;
+    keepRatio?: boolean;
+    actions?: TrackMapActions;
+    onPointClick?: (val: ITrackPoint) => void;
+    onTransform?: (transform: Transform, pointsEl?: SVGCircleElement[], canvas?: SVGSVGElement) => void;
+    onPointsChange?: (points: ITrackPoint[]) => void;
+    onCancelResize?: VoidFunction;
+    setIsSaved?: (val: boolean) => void;
+    isSaved?: boolean;
+}
+export interface Point {
+    id: string | number;
+    x: number;
+    y: number;
+}
+export interface ITrackMapMark extends Point {
+    renderData: any;
+    render: (renderData: any, markData: Point) => ReactElement;
+}
+declare const TrackMap: React.FC<TrackMapProps>;
+export default TrackMap;

package/dist/src/Zoom/index.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, FC } from 'react';
+interface ZoomProps {
+    className?: string;
+    style?: CSSProperties;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (value: number) => void;
+    showText?: boolean;
+}
+declare const Zoom: FC<ZoomProps>;
+export default Zoom;

package/dist/src/index.d.ts

@@ -0,0 +1,15 @@
+export { default as Button } from './Button';
+export { default as ExpandablePannel } from './ExpandablePannel';
+export { default as IconButton } from './IconButton';
+export { default as Iconfont } from './Iconfont';
+export { default as ImageMap } from './ImageMap';
+export type { ImageMapRefProps } from './ImageMap';
+export { default as PanoramaRecordPlayer } from './PanoramaRecordPlayer';
+export { default as TrackMap } from './TrackMap';
+export type { ITrackPoint, TrackMapActions, TrackEditButtons, TrackEditConfirmableButton, TrackEditButton, } from './TrackMap';
+export { default as MouseTip } from './MouseTip';
+export { default as PassMap } from './PassMap';
+export { default as Zoom } from './Zoom';
+export { useBimface } from './useBimface';
+export * from './GOSImageMap';
+export * from './Drawable';

package/dist/src/useBimface/example.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BimfaceViewer: () => JSX.Element;
+export default BimfaceViewer;

package/dist/src/useBimface/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+type LengthUnits = any;
+type OrbitButton = any;
+type BimfaceColor = any;
+interface Viewer3DConfig {
+    avatar?: any;
+    backgroundColor?: string[];
+    domElement?: HTMLElement;
+    enableConstraintZoom?: boolean;
+    enableCoordinateSystem?: number;
+    enableCSMShadow?: boolean;
+    enableExplosion?: boolean;
+    enableHover?: boolean;
+    enableIBLBackground?: boolean;
+    enableLogarithmicDepthBuffer?: boolean;
+    enableMouseMovePick?: boolean;
+    enableOrbit?: boolean;
+    enableRealisticMiniMap?: boolean;
+    enableReplaceMaterial?: boolean;
+    enableShortcutKey?: boolean;
+    enableSplitComponent?: boolean;
+    enableSSAO?: boolean;
+    enableToggleContextMenuDisplay?: boolean;
+    enableViewHouse?: boolean;
+    enableWireframe?: boolean;
+    exposure?: number;
+    globalUnit?: LengthUnits;
+    loadIBLScene?: object;
+    memoryThreshold?: number;
+    orbitButton?: OrbitButton;
+    renderMode?: string;
+    walkRotationSpeed?: number;
+    wireframeColor?: BimfaceColor;
+}
+export interface BimfaceFloor {
+    archElev: number;
+    areas: null;
+    elevation: number;
+    height: null;
+    id: string;
+    miniMap: string;
+    name: string;
+    rooms: null;
+    structElev: number;
+}
+export declare function useBimface(config?: Viewer3DConfig): {
+    BimfaceViewer: any;
+    BimfaceSection: any;
+    BimfaceMark: any;
+    BimfaceViewerEvents: any;
+    viewer: any;
+    viewerAdded: boolean;
+    sDKLoaded: boolean;
+    loadedModelCount: number;
+    loadModels: (viewTokens: string[]) => void;
+    setContainerDom: React.Dispatch<React.SetStateAction<HTMLDivElement | undefined>>;
+    getSnapshot: (type?: 'image/png' | 'image/jpeg' | 'image/webp', quality?: number) => string | undefined;
+    setComponentsColorByCatgryId: (categoryColors: any) => void;
+    setAllComponentsColor: (colorString: string) => void;
+    navigationMapByHeight: (height: number, maxSize: {
+        width: number;
+        height: number;
+    }, cb: (img: HTMLImageElement) => void) => void;
+};
+export {};

package/dist/src/utils/JSAsyncLoader.d.ts

@@ -0,0 +1,2 @@
+declare function loadJsAsync(url: any, onload: any): void;
+export default loadJsAsync;

package/dist/style.css

@@ -0,0 +1 @@
+.storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#027bf4}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}.g-expandable-pannel-wrap{top:0;right:0;bottom:0;left:0;z-index:999}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar{position:absolute;right:0;top:0;background-color:#222836;z-index:9999}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.collapsed{position:absolute;top:0;right:0;z-index:9;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.expaned{padding:0}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.expaned .g-icon-btn{background-color:#0000}.g-expandable-pannel-wrap .g-expandable-pannel{width:100%;height:100%;border:.5px solid #313A4D}.g-expandable-pannel-wrap .g-expandable-pannel-header{position:absolute;right:0;top:0;z-index:9;padding-right:28px;height:28px;display:flex;flex-direction:row-reverse}.g-expandable-pannel-wrap .g-expandable-pannel-body{opacity:.85;width:100%;height:100%}.g-expandable-pannel-wrap .g-expandable-pannel-body .icon{width:16px;height:16px}.g-expandable-pannel-wrap .g-expandable-pannel.full{width:100%!important;height:100%!important;top:0;bottom:0;left:55px;right:55px;z-index:9}.g-expandable-pannel-wrap .g-expandable-pannel.hidden{top:0;right:-20000px;bottom:0;left:-20000px}.g-expandable-pannel-wrap .g-expandable-pannel.hidden+.bar-btn{position:absolute;right:0!important;background:rgba(58,63,76,.5);border-radius:20px 0 0 20px}.g-expandable-pannel-wrap .g-expandable-pannel.normal{height:250px;overflow:hidden;padding:0}.g-expandable-pannel-wrap .g-expandable-pannel.full+.bar-btn{top:0;right:55px;z-index:99}.g-expandable-pannel-wrap .g-expandable-pannel.full~.cover{display:block;position:absolute;width:100vw;height:100vh;top:0;left:0;background:#00000066}.g-expandable-pannel-wrap .g-expandable-pannel.hiddern~.cover{display:none}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel{width:134px;background:#ffffff;border:1px solid #ececec;box-shadow:2px 2px 6px #c0c0c040;border-radius:4px;padding:6px 12px}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel .item-row{width:100%;display:flex;height:32px;align-items:center}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel .item-row img{width:16px;height:16px;margin:0 8px}.g-expandable-pannel-wrap .g-expandable-pannel .status{display:block}.g-expandable-pannel-wrap .g-expandable-pannel .status.success:before{display:inline-block;content:"";width:12px;height:12px;background-color:#52c41a}.g-expandable-pannel-wrap .g-expandable-pannel .status.error:before{display:inline-block;content:"";width:12px;height:12px;background-color:#ff4d4f}.g-expandable-pannel-wrap .g-expandable-pannel .pass-confirm-wrap{position:absolute}.g-icon-btn{height:28px;width:28px;line-height:28px;background-color:#222836;color:#b8c1d0;cursor:pointer;text-align:center;padding:0;border:none;font-size:16px;display:block}.g-icon-btn:hover{color:#fff;background:linear-gradient(180deg,#4e5b73 0%,#222836 100%);border-image:linear-gradient(180deg,#4e5b73 0%,#222836 100%),linear-gradient(180deg,#ffffff 16.67%,#d2d2d2 49.48%,#000000 73.44%,#e4e4e4 92.71%)}.g-icon-btn:disabled{color:#68707e;cursor:not-allowed;background:linear-gradient(180deg,#0a111d 0%,#222836 100%)}*{box-sizing:border-box}.image-map{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.image-map .image-map-pannel{width:100%;height:100%;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.image-map .image-map-toolbar{position:absolute;width:auto;height:auto;bottom:12px;z-index:99;display:flex;align-items:center;gap:12px;background-color:#393939;padding:10px;border-radius:6px}.image-map .image-map-toolbar .zoom-controller{display:flex;height:100%;align-items:center;gap:12px;color:#fff}.image-map .image-map-toolbar .zoom-controller .g-icon-btn,.image-map .image-map-toolbar .zoom-controller .g-icon-btn button{background-color:unset;font-size:16px;border:.5px solid #6f6f6f;border-radius:2px;font-size:14px}.image-map .image-map-toolbar .zoom-controller .g-icon-btn .anticon,.image-map .image-map-toolbar .zoom-controller .g-icon-btn button .anticon{font-size:14px}.image-map .image-map-toolbar .zoom-controller.vertical{flex-direction:column}.image-map .image-map-toolbar .zoom-controller.vertical .g-icon-btn{background-color:red;margin-top:6px;border:none}.image-map .image-map-toolbar .zoom-controller.vertical .g-icon-btn .anticon{font-size:16px}.image-map .image-map-toolbar .zoom-controller.horizontal{flex-direction:row}.image-map .image-map-toolbar .line{width:1px;height:12px;border:.5px solid #e0e0e0}.image-map .image-map-toolbar .moveable-controller{background-color:unset;height:100%;border:.5px solid #6f6f6f;border-radius:2px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn{position:relative;border:none;border-radius:2px;background-color:unset;padding:0;display:flex;height:100%}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .btn-change{display:flex;align-items:center;color:#fff;gap:10px;height:100%;margin-inline-end:unset;padding:4px 8px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .btn-change svg{font-size:16px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .anticon{font-size:24px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn.active{color:#fff}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn:hover{background:linear-gradient(180deg,#4e5b73 0%,#222836 100%)}.image-map .image-map-toolbar .editing-controller{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left}.image-map .image-map-toolbar .editing-controller .ant-btn-default{border:.5px solid #6f6f6f;border-radius:2px;background-color:unset;color:#fff;padding:4px 8px}.image-map .image-map-toolbar .editing-controller .ant-btn-default:hover{background:linear-gradient(180deg,#4e5b73 0%,#222836 100%)}.image-map .image-map-toolbar .editing-controller .ant-btn-primary{border-radius:2px;background-color:#0532a6;border:.5px solid #6f6f6f;color:#fff;padding:4px 8px}.image-map .image-map-toolbar .editing-controller .ant-btn-primary:hover{background:#0949d2}.image-map .image-map-toolbar .editing-controller .ant-btn-primary .save-detail{display:flex;align-items:center;color:#fff;gap:10px;height:100%}.image-map .image-map-toolbar .editing-controller .ant-btn-primary .save-detail svg{font-size:16px}.pass-map{background:transparent}.pass-map .pass-area{position:absolute;background:rgba(255,77,79,.21);border:1px solid #00000000;z-index:1}.pass-map .pass-area-circle{border-radius:50%}.pass-map .pass-area__active{background:rgba(255,77,79,.25);border:1px solid #ff4d4f}.track-map{z-index:10;position:relative}.track-map .point{cursor:pointer}.track-map .bottom-action{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:1000;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12px}.track-map .bottom-action .bottom-pannel{background:white;height:48px;background:rgba(255,255,255,.9);border:1px solid #f8f8f8;box-shadow:2px 2px 4px #c0c0c040;border-radius:4px;padding:0 12px}:where(.css-ed5zg0)[class^=ant-popconfirm],:where(.css-ed5zg0)[class*=" ant-popconfirm"]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"]:after{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm],:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm],:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"],:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]:after{box-sizing:border-box}:where(.css-ed5zg0).ant-popconfirm{z-index:1060}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-inner-content{color:#000000e0}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message{position:relative;margin-bottom:8px;color:#000000e0;font-size:14px;display:flex;flex-wrap:nowrap;align-items:start}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message>.ant-popconfirm-message-icon .anticon{color:#faad14;font-size:14px;flex:none;line-height:1;padding-top:4px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message-title{flex:auto;margin-inline-start:8px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message-title-only{font-weight:600}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-description{position:relative;margin-inline-start:22px;margin-bottom:8px;color:#000000e0;font-size:14px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-buttons{text-align:end}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-buttons button{margin-inline-start:8px}:where(.css-ed5zg0)[class^=ant-popover],:where(.css-ed5zg0)[class*=" ant-popover"]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover]:before,:where(.css-ed5zg0)[class*=" ant-popover"]:before,:where(.css-ed5zg0)[class^=ant-popover]:after,:where(.css-ed5zg0)[class*=" ant-popover"]:after{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover],:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover],:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"],:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover]:before,:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover]:before,:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"]:before,:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]:before,:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover]:after,:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover]:after,:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"]:after,:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]:after{box-sizing:border-box}:where(.css-ed5zg0).ant-popover{box-sizing:border-box;margin:0;padding:0;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";position:absolute;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:start;cursor:auto;-webkit-user-select:text;user-select:text;--antd-arrow-background-color: #ffffff}:where(.css-ed5zg0).ant-popover-rtl{direction:rtl}:where(.css-ed5zg0).ant-popover-hidden{display:none}:where(.css-ed5zg0).ant-popover .ant-popover-content{position:relative}:where(.css-ed5zg0).ant-popover .ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;padding:12px}:where(.css-ed5zg0).ant-popover .ant-popover-title{min-width:177px;margin-bottom:8px;color:#000000e0;font-weight:600}:where(.css-ed5zg0).ant-popover .ant-popover-inner-content{color:#000000e0;padding:0}:where(.css-ed5zg0).ant-popover .ant-popover-arrow{position:absolute;z-index:1;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden;border:0}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:var(--antd-arrow-background-color);clip-path:polygon(1.65685425px 100%,50% 1.65685425px,14.34314575px 100%,1.65685425px 100%);clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");content:""}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:after{content:"";position:absolute;width:8.97056275px;height:8.97056275px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px;transform:translateY(50%) rotate(-135deg);box-shadow:2px 2px 5px #0000000d;z-index:0;background:transparent}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:before{background:var(--antd-arrow-background-color)}:where(.css-ed5zg0).ant-popover-placement-top .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-topLeft .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-topRight .ant-popover-arrow{bottom:0;transform:translateY(100%) rotate(180deg)}:where(.css-ed5zg0).ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translate(-50%) translateY(100%) rotate(180deg)}:where(.css-ed5zg0).ant-popover-placement-topLeft .ant-popover-arrow{left:12px}:where(.css-ed5zg0).ant-popover-placement-topRight .ant-popover-arrow{right:12px}:where(.css-ed5zg0).ant-popover-placement-bottom .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-bottomLeft .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-bottomRight .ant-popover-arrow{top:0;transform:translateY(-100%)}:where(.css-ed5zg0).ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translate(-50%) translateY(-100%)}:where(.css-ed5zg0).ant-popover-placement-bottomLeft .ant-popover-arrow{left:12px}:where(.css-ed5zg0).ant-popover-placement-bottomRight .ant-popover-arrow{right:12px}:where(.css-ed5zg0).ant-popover-placement-left .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-leftTop .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-leftBottom .ant-popover-arrow{right:0;transform:translate(100%) rotate(90deg)}:where(.css-ed5zg0).ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateY(-50%) translate(100%) rotate(90deg)}:where(.css-ed5zg0).ant-popover-placement-leftTop .ant-popover-arrow{top:12px}:where(.css-ed5zg0).ant-popover-placement-leftBottom .ant-popover-arrow{bottom:12px}:where(.css-ed5zg0).ant-popover-placement-right .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-rightTop .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-rightBottom .ant-popover-arrow{left:0;transform:translate(-100%) rotate(-90deg)}:where(.css-ed5zg0).ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateY(-50%) translate(-100%) rotate(-90deg)}:where(.css-ed5zg0).ant-popover-placement-rightTop .ant-popover-arrow{top:12px}:where(.css-ed5zg0).ant-popover-placement-rightBottom .ant-popover-arrow{bottom:12px}:where(.css-ed5zg0).ant-popover-pure{position:relative;max-width:none;margin:16px;display:inline-block}:where(.css-ed5zg0).ant-popover-pure .ant-popover-content{display:inline-block}:where(.css-ed5zg0).ant-popover.ant-popover-blue{--antd-arrow-background-color: #1677ff}:where(.css-ed5zg0).ant-popover.ant-popover-blue .ant-popover-inner{background-color:#1677ff}:where(.css-ed5zg0).ant-popover.ant-popover-blue .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-purple{--antd-arrow-background-color: #722ed1}:where(.css-ed5zg0).ant-popover.ant-popover-purple .ant-popover-inner{background-color:#722ed1}:where(.css-ed5zg0).ant-popover.ant-popover-purple .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-cyan{--antd-arrow-background-color: #13c2c2}:where(.css-ed5zg0).ant-popover.ant-popover-cyan .ant-popover-inner{background-color:#13c2c2}:where(.css-ed5zg0).ant-popover.ant-popover-cyan .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-green{--antd-arrow-background-color: #52c41a}:where(.css-ed5zg0).ant-popover.ant-popover-green .ant-popover-inner{background-color:#52c41a}:where(.css-ed5zg0).ant-popover.ant-popover-green .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-magenta{--antd-arrow-background-color: #eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-magenta .ant-popover-inner{background-color:#eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-magenta .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-pink{--antd-arrow-background-color: #eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-pink .ant-popover-inner{background-color:#eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-pink .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-red{--antd-arrow-background-color: #f5222d}:where(.css-ed5zg0).ant-popover.ant-popover-red .ant-popover-inner{background-color:#f5222d}:where(.css-ed5zg0).ant-popover.ant-popover-red .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-orange{--antd-arrow-background-color: #fa8c16}:where(.css-ed5zg0).ant-popover.ant-popover-orange .ant-popover-inner{background-color:#fa8c16}:where(.css-ed5zg0).ant-popover.ant-popover-orange .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-yellow{--antd-arrow-background-color: #fadb14}:where(.css-ed5zg0).ant-popover.ant-popover-yellow .ant-popover-inner{background-color:#fadb14}:where(.css-ed5zg0).ant-popover.ant-popover-yellow .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-volcano{--antd-arrow-background-color: #fa541c}:where(.css-ed5zg0).ant-popover.ant-popover-volcano .ant-popover-inner{background-color:#fa541c}:where(.css-ed5zg0).ant-popover.ant-popover-volcano .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue{--antd-arrow-background-color: #2f54eb}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue .ant-popover-inner{background-color:#2f54eb}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-lime{--antd-arrow-background-color: #a0d911}:where(.css-ed5zg0).ant-popover.ant-popover-lime .ant-popover-inner{background-color:#a0d911}:where(.css-ed5zg0).ant-popover.ant-popover-lime .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-gold{--antd-arrow-background-color: #faad14}:where(.css-ed5zg0).ant-popover.ant-popover-gold .ant-popover-inner{background-color:#faad14}:where(.css-ed5zg0).ant-popover.ant-popover-gold .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-zoom-big-enter,:where(.css-ed5zg0).ant-zoom-big-appear{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}:where(.css-ed5zg0).ant-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}:where(.css-ed5zg0).ant-zoom-big-enter.ant-zoom-big-enter-active,:where(.css-ed5zg0).ant-zoom-big-appear.ant-zoom-big-appear-active{animation-name:css-ed5zg0-antZoomBigIn;animation-play-state:running}:where(.css-ed5zg0).ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:css-ed5zg0-antZoomBigOut;animation-play-state:running;pointer-events:none}:where(.css-ed5zg0).ant-zoom-big-enter,:where(.css-ed5zg0).ant-zoom-big-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}:where(.css-ed5zg0).ant-zoom-big-enter-prepare,:where(.css-ed5zg0).ant-zoom-big-appear-prepare{transform:none}:where(.css-ed5zg0).ant-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.track-map .tooltip-container{pointer-events:none!important}.track-map .tooltip-container>*{pointer-events:initial}.g-expandable-pannel-wrap.collapsed .tooltip-container{display:none}.g-rc-tooltip{position:absolute!important}.g-rc-tooltip .g-rc-tooltip-arrow{height:10px}.g-mouse-tip{display:inline-flex;justify-content:center;align-items:center;gap:4px;box-shadow:0 1px 10px #0000000d,0 4px 5px #00000014,0 2px 4px -1px #0000001f;border-radius:4px;background:#000;position:fixed;z-index:2000;padding:8px 12px}.g-mouse-tip-content{font-size:12px;font-style:normal;font-weight:400;color:#fff}