@ecan-bi/datav 1.0.5 → 1.0.8

package/README.dev.md

@@ -0,0 +1,16 @@
+## 大屏设计器：Vue3 + TS + Jest + eslint
+
+### 项目开发指南
+```
+// 下载项目依赖（node_modules） 
+yarn install --registry=https://registry.npm.taobao.org
+
+// 开发模式：监听文件变化
+npm run dev
+
+// 生成模式打包
+npm run build
+
+// 建立依赖
+npm link
+```

package/dist/_utils/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const EVENT_BUS = "EVENT_BUS";
+export declare const GLOBAL_VAR = "GLOBAL_VAR";
+export declare const GLOBAL_MODEL = "GLOBAL_MODEL";

package/dist/_utils/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './usePickComponentStyle';
+export * from './usePickEchartsData';
+export * from './useOnEvent';
+export * from './useEmitEvent';
+export * from './useRequestParams';
+export * from './useTransformEchartsDataset';

package/dist/_utils/hooks/useEmitEvent.d.ts

@@ -0,0 +1,7 @@
+import { Events } from '../props';
+/**
+ * 触发事件
+ * @param events 事件数据
+ */
+export declare const useEmitEvent: (events: Events) => (on: string, callback?: Function) => () => void;
+export default useEmitEvent;

package/dist/_utils/hooks/useOnEvent.d.ts

@@ -0,0 +1,6 @@
+export declare const useOnEvent: <T extends {
+    [id: string]: any;
+}>(props: Readonly<Partial<T>>, events: {
+    [key: string]: any;
+}) => void;
+export default useOnEvent;

package/dist/_utils/hooks/usePickComponentStyle.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'vue';
+/**
+ * 过滤不是 style 属性的组件属性
+ * @param props 组件属性
+ * @param excludeStyleList 剔除组件的属性
+ * @returns style属性
+ */
+export declare const usePickComponentStyle: <T>(props: Readonly<Partial<T>>, excludeStyleList?: string[]) => import("vue").ComputedRef<HTMLAttributes>;
+export default usePickComponentStyle;

package/dist/_utils/hooks/usePickEchartsData.d.ts

@@ -0,0 +1,2 @@
+export declare const usePickEchartsData: (data: any) => any;
+export default usePickEchartsData;

package/dist/_utils/hooks/useRequestData.d.ts

@@ -0,0 +1,14 @@
+import { RequestMethod } from '../props';
+interface RequestDataOptions {
+    url: string;
+    method: RequestMethod;
+    headers: {
+        [key: string]: string;
+    };
+    isOpenTimer: boolean;
+    interval: number;
+}
+export declare const useRequestData: (requestDataOptions: RequestDataOptions) => {
+    requestData: () => Promise<import("axios").AxiosResponse<any, any>>;
+};
+export default useRequestData;

package/dist/_utils/hooks/useRequestParams.d.ts

@@ -0,0 +1,5 @@
+import { RequestParams } from '../props';
+export declare const useRequestParams: (params: RequestParams) => {
+    [key: string]: any;
+};
+export default useRequestParams;

package/dist/_utils/hooks/useTransformEchartsDataset.d.ts

@@ -0,0 +1,8 @@
+import { Data } from '../props';
+export declare const useTransformEchartsDataset: (data: Data) => {
+    dimensions: string[];
+    source: {
+        [key: string]: any;
+    }[];
+};
+export default useTransformEchartsDataset;

package/dist/_utils/props.d.ts

@@ -1,17 +1,58 @@
-export interface CommonProps {
+interface Event {
+    on: string;
+    target: string;
+    emit: string;
+}
+export declare type Events = Event[];
+export declare type RequestMethod = 'get' | 'post' | 'put' | 'delete' | 'head';
+export interface RequestParam {
+    key: string;
+    value: {
+        id: string;
+        prop: string;
+    } | string;
+}
+export declare type RequestParams = RequestParam[];
+export interface Props {
     id: string;
     name: string;
+    keyName: string;
     type: string;
     width: string;
     height: string;
-    x: string;
-    y: string;
+    position: string;
+    top: string;
+    left: string;
     zIndex: number;
     rotate: string;
     isShow: boolean;
     isRender: boolean;
-    imgUrl: string;
+    isRequestData: boolean;
+    requestUrl: string;
+    requestMethod: RequestMethod;
+    requestHeaders: {
+        [key: string]: any;
+    };
+    isOpenRequestTimer: boolean;
+    requestInterval: number;
+    requestParams: RequestParams;
+    events: Events;
+}
+export declare const props: Props;
+export declare const transformToComponentProps: <T extends {}>(props: T) => { [P in keyof T]: {
+    type?: undefined;
+    default?: undefined;
+} | {
+    type: any;
+    default: T[keyof T];
+}; };
+export interface EventsProp {
+    events: Events;
+}
+interface DataItem {
+    name: string | number;
+    value: string | number;
+    type?: string;
 }
-export declare const transformToComponentProps: <T extends {
-    [key: string]: any;
-}>(props: T) => any;
+export declare type Data = DataItem[];
+export {};

package/dist/_utils/request.d.ts

@@ -0,0 +1,2 @@
+export declare const request: import("axios").AxiosInstance;
+export default request;

package/dist/_utils/util.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 处理图表format, 目前只做 \\n => \n 转化
+ * @param formatter 格式化字符串
+ */
+export declare const handleFormatter: (formatter: string) => string;

package/dist/common/echarts/ECharts.d.ts

@@ -0,0 +1,311 @@
+import { PropType } from 'vue';
+import { Option, Theme, UpdateOptions } from './types';
+import './style.css';
+export declare const THEME_KEY = "ecTheme";
+export declare const INIT_OPTIONS_KEY = "ecInitOptions";
+export declare const UPDATE_OPTIONS_KEY = "ecUpdateOptions";
+export { LOADING_OPTIONS_KEY } from './composables';
+declare const _default: import("vue").DefineComponent<{
+    loading: BooleanConstructor;
+    loadingOptions: ObjectConstructor;
+    autoresize: BooleanConstructor;
+    option: PropType<import("echarts/types/dist/shared").ECBasicOption>;
+    theme: {
+        type: PropType<Theme>;
+    };
+    initOptions: PropType<{
+        locale?: string | {
+            time: {
+                month: string[];
+                monthAbbr: string[];
+                dayOfWeek: string[];
+                dayOfWeekAbbr: string[];
+            };
+            legend: {
+                selector: {
+                    all: string;
+                    inverse: string;
+                };
+            };
+            toolbox: {
+                brush: {
+                    title: {
+                        rect: string;
+                        polygon: string;
+                        lineX: string;
+                        lineY: string;
+                        keep: string;
+                        clear: string;
+                    };
+                };
+                dataView: {
+                    title: string;
+                    lang: string[];
+                };
+                dataZoom: {
+                    title: {
+                        zoom: string;
+                        back: string;
+                    };
+                };
+                magicType: {
+                    title: {
+                        line: string;
+                        bar: string;
+                        stack: string;
+                        tiled: string;
+                    };
+                };
+                restore: {
+                    title: string;
+                };
+                saveAsImage: {
+                    title: string;
+                    lang: string[];
+                };
+            };
+            series: {
+                typeNames: {
+                    pie: string;
+                    bar: string;
+                    line: string;
+                    scatter: string;
+                    effectScatter: string;
+                    radar: string;
+                    tree: string;
+                    treemap: string;
+                    boxplot: string;
+                    candlestick: string;
+                    k: string;
+                    heatmap: string;
+                    map: string;
+                    parallel: string;
+                    lines: string;
+                    graph: string;
+                    sankey: string;
+                    funnel: string;
+                    gauge: string;
+                    pictorialBar: string;
+                    themeRiver: string;
+                    sunburst: string;
+                };
+            };
+            aria: {
+                general: {
+                    withTitle: string;
+                    withoutTitle: string;
+                };
+                series: {
+                    single: {
+                        prefix: string;
+                        withName: string;
+                        withoutName: string;
+                    };
+                    multiple: {
+                        prefix: string;
+                        withName: string;
+                        withoutName: string;
+                        separator: {
+                            middle: string;
+                            end: string;
+                        };
+                    };
+                };
+                data: {
+                    allData: string;
+                    partialData: string;
+                    withName: string;
+                    withoutName: string;
+                    separator: {
+                        middle: string;
+                        end: string;
+                    };
+                };
+            };
+        };
+        renderer?: "canvas" | "svg";
+        devicePixelRatio?: number;
+        useDirtyRect?: boolean;
+        width?: number;
+        height?: number;
+    }>;
+    updateOptions: PropType<UpdateOptions>;
+    group: StringConstructor;
+    manualUpdate: BooleanConstructor;
+}, {
+    getWidth: () => number;
+    getHeight: () => number;
+    getDom: () => HTMLElement;
+    getOption: () => import("echarts/types/dist/shared").ECBasicOption;
+    resize: (opts?: import("echarts/types/dist/shared").ResizeOpts) => void;
+    dispatchAction: (payload: import("echarts/types/dist/shared").Payload, opt?: boolean | {
+        silent?: boolean;
+        flush?: boolean;
+    }) => void;
+    convertToPixel: {
+        (finder: string | {
+            seriesIndex?: number | false | number[] | "all" | "none";
+            seriesId?: (string | number) | (string | number)[];
+            seriesName?: (string | number) | (string | number)[];
+            geoIndex?: number | false | number[] | "all" | "none";
+            geoId?: (string | number) | (string | number)[];
+            geoName?: (string | number) | (string | number)[];
+            bmapIndex?: number | false | number[] | "all" | "none";
+            bmapId?: (string | number) | (string | number)[];
+            bmapName?: (string | number) | (string | number)[];
+            xAxisIndex?: number | false | number[] | "all" | "none";
+            xAxisId?: (string | number) | (string | number)[];
+            xAxisName?: (string | number) | (string | number)[];
+            yAxisIndex?: number | false | number[] | "all" | "none";
+            yAxisId?: (string | number) | (string | number)[];
+            yAxisName?: (string | number) | (string | number)[];
+            gridIndex?: number | false | number[] | "all" | "none";
+            gridId?: (string | number) | (string | number)[];
+            gridName?: (string | number) | (string | number)[];
+            dataIndex?: number;
+            dataIndexInside?: number;
+        }, value: Date | (string | number)): number;
+        (finder: string | {
+            seriesIndex?: number | false | number[] | "all" | "none";
+            seriesId?: (string | number) | (string | number)[];
+            seriesName?: (string | number) | (string | number)[];
+            geoIndex?: number | false | number[] | "all" | "none";
+            geoId?: (string | number) | (string | number)[];
+            geoName?: (string | number) | (string | number)[];
+            bmapIndex?: number | false | number[] | "all" | "none";
+            bmapId?: (string | number) | (string | number)[];
+            bmapName?: (string | number) | (string | number)[];
+            xAxisIndex?: number | false | number[] | "all" | "none";
+            xAxisId?: (string | number) | (string | number)[];
+            xAxisName?: (string | number) | (string | number)[];
+            yAxisIndex?: number | false | number[] | "all" | "none";
+            yAxisId?: (string | number) | (string | number)[];
+            yAxisName?: (string | number) | (string | number)[];
+            gridIndex?: number | false | number[] | "all" | "none";
+            gridId?: (string | number) | (string | number)[];
+            gridName?: (string | number) | (string | number)[];
+            dataIndex?: number;
+            dataIndexInside?: number;
+        }, value: (Date | (string | number))[]): number[];
+    };
+    convertFromPixel: {
+        (finder: string | {
+            seriesIndex?: number | false | number[] | "all" | "none";
+            seriesId?: (string | number) | (string | number)[];
+            seriesName?: (string | number) | (string | number)[];
+            geoIndex?: number | false | number[] | "all" | "none";
+            geoId?: (string | number) | (string | number)[];
+            geoName?: (string | number) | (string | number)[];
+            bmapIndex?: number | false | number[] | "all" | "none";
+            bmapId?: (string | number) | (string | number)[];
+            bmapName?: (string | number) | (string | number)[];
+            xAxisIndex?: number | false | number[] | "all" | "none";
+            xAxisId?: (string | number) | (string | number)[];
+            xAxisName?: (string | number) | (string | number)[];
+            yAxisIndex?: number | false | number[] | "all" | "none";
+            yAxisId?: (string | number) | (string | number)[];
+            yAxisName?: (string | number) | (string | number)[];
+            gridIndex?: number | false | number[] | "all" | "none";
+            gridId?: (string | number) | (string | number)[];
+            gridName?: (string | number) | (string | number)[];
+            dataIndex?: number;
+            dataIndexInside?: number;
+        }, value: number): number;
+        (finder: string | {
+            seriesIndex?: number | false | number[] | "all" | "none";
+            seriesId?: (string | number) | (string | number)[];
+            seriesName?: (string | number) | (string | number)[];
+            geoIndex?: number | false | number[] | "all" | "none";
+            geoId?: (string | number) | (string | number)[];
+            geoName?: (string | number) | (string | number)[];
+            bmapIndex?: number | false | number[] | "all" | "none";
+            bmapId?: (string | number) | (string | number)[];
+            bmapName?: (string | number) | (string | number)[];
+            xAxisIndex?: number | false | number[] | "all" | "none";
+            xAxisId?: (string | number) | (string | number)[];
+            xAxisName?: (string | number) | (string | number)[];
+            yAxisIndex?: number | false | number[] | "all" | "none";
+            yAxisId?: (string | number) | (string | number)[];
+            yAxisName?: (string | number) | (string | number)[];
+            gridIndex?: number | false | number[] | "all" | "none";
+            gridId?: (string | number) | (string | number)[];
+            gridName?: (string | number) | (string | number)[];
+            dataIndex?: number;
+            dataIndexInside?: number;
+        }, value: number[]): number[];
+    };
+    containPixel: (finder: string | {
+        seriesIndex?: number | false | number[] | "all" | "none";
+        seriesId?: (string | number) | (string | number)[];
+        seriesName?: (string | number) | (string | number)[];
+        geoIndex?: number | false | number[] | "all" | "none";
+        geoId?: (string | number) | (string | number)[];
+        geoName?: (string | number) | (string | number)[];
+        bmapIndex?: number | false | number[] | "all" | "none";
+        bmapId?: (string | number) | (string | number)[];
+        bmapName?: (string | number) | (string | number)[];
+        xAxisIndex?: number | false | number[] | "all" | "none";
+        xAxisId?: (string | number) | (string | number)[];
+        xAxisName?: (string | number) | (string | number)[];
+        yAxisIndex?: number | false | number[] | "all" | "none";
+        yAxisId?: (string | number) | (string | number)[];
+        yAxisName?: (string | number) | (string | number)[];
+        gridIndex?: number | false | number[] | "all" | "none";
+        gridId?: (string | number) | (string | number)[];
+        gridName?: (string | number) | (string | number)[];
+        dataIndex?: number;
+        dataIndexInside?: number;
+    }, value: number[]) => boolean;
+    getDataURL: (opts?: {
+        type?: "svg" | "png" | "jpg";
+        pixelRatio?: number;
+        backgroundColor?: import("echarts/types/dist/shared").ZRColor;
+        excludeComponents?: string[];
+    }) => string;
+    getConnectedDataURL: (opts?: {
+        type?: "svg" | "png" | "jpg";
+        pixelRatio?: number;
+        backgroundColor?: import("echarts/types/dist/shared").ZRColor;
+        connectedBackgroundColor?: import("echarts/types/dist/shared").ZRColor;
+        excludeComponents?: string[];
+    }) => string;
+    appendData: (params: {
+        seriesIndex: number;
+        data: any;
+    }) => void;
+    clear: () => void;
+    isDisposed: () => boolean;
+    dispose: () => void;
+    chart: import("vue").ShallowRef<import("echarts/types/dist/shared").EChartsType>;
+    root: import("vue").ShallowRef<HTMLElement>;
+    setOption: (option: Option, updateOptions?: UpdateOptions) => void;
+    nonEventAttrs: import("vue").ComputedRef<{
+        [key: string]: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    loading?: unknown;
+    loadingOptions?: unknown;
+    autoresize?: unknown;
+    option?: unknown;
+    theme?: unknown;
+    initOptions?: unknown;
+    updateOptions?: unknown;
+    group?: unknown;
+    manualUpdate?: unknown;
+} & {
+    manualUpdate: boolean;
+    loading: boolean;
+    autoresize: boolean;
+} & {
+    theme?: Theme;
+    group?: string;
+    loadingOptions?: Record<string, any>;
+    option?: import("echarts/types/dist/shared").ECBasicOption;
+    initOptions?: unknown;
+    updateOptions?: unknown;
+}>, {
+    manualUpdate: boolean;
+    loading: boolean;
+    autoresize: boolean;
+}>;
+export default _default;

package/dist/common/echarts/composables/api.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { EChartsType, Option } from '../types';
+declare const METHOD_NAMES: readonly ["getWidth", "getHeight", "getDom", "getOption", "resize", "dispatchAction", "convertToPixel", "convertFromPixel", "containPixel", "getDataURL", "getConnectedDataURL", "appendData", "clear", "isDisposed", "dispose"];
+declare type MethodName = typeof METHOD_NAMES[number];
+declare type PublicMethods = Pick<EChartsType, MethodName>;
+export declare function usePublicAPI(chart: Ref<EChartsType | undefined>, init: (option?: Option) => void): PublicMethods;
+export {};

package/dist/common/echarts/composables/autoresize.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { EChartsType } from '../types';
+export declare function useAutoresize(chart: Ref<EChartsType | undefined>, autoresize: Ref<boolean>, root: Ref<HTMLElement | undefined>): void;
+export declare const autoresizeProps: {
+    autoresize: BooleanConstructor;
+};

package/dist/common/echarts/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api';
+export * from './autoresize';
+export * from './loading';

package/dist/common/echarts/composables/loading.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { EChartsType } from '../types';
+export declare const LOADING_OPTIONS_KEY = "ecLoadingOptions";
+declare type UnknownRecord = Record<string, unknown>;
+export declare function useLoading(chart: Ref<EChartsType | undefined>, loading: Ref<boolean>, loadingOptions: Ref<UnknownRecord | undefined>): void;
+export declare const loadingProps: {
+    loading: BooleanConstructor;
+    loadingOptions: ObjectConstructor;
+};
+export {};

package/dist/common/echarts/index.d.ts

@@ -0,0 +1,2 @@
+import ECharts from './ECharts';
+export default ECharts;

package/dist/common/echarts/types.d.ts

@@ -0,0 +1,20 @@
+import { init } from 'echarts/core';
+import { Ref } from 'vue';
+declare type InitType = typeof init;
+export declare type InitParameters = Parameters<InitType>;
+export declare type Theme = NonNullable<InitParameters[1]>;
+export declare type ThemeInjection = Theme | null | Ref<Theme | null>;
+export declare type InitOptions = NonNullable<InitParameters[2]>;
+export declare type InitOptionsInjection = InitOptions | null | Ref<InitOptions | null>;
+export declare type EChartsType = ReturnType<InitType>;
+declare type SetOptionType = EChartsType['setOption'];
+export declare type Option = Parameters<SetOptionType>[0];
+export interface UpdateOptions {
+    notMerge?: boolean;
+    lazyUpdate?: boolean;
+    silent?: boolean;
+    replaceMerge?: any;
+    transition?: any;
+}
+export declare type UpdateOptionsInjection = UpdateOptions | null | Ref<UpdateOptions | null>;
+export {};

package/dist/common/echarts/utils.d.ts

@@ -0,0 +1,6 @@
+declare type Attrs = {
+    [key: string]: any;
+};
+export declare const isOn: (key: string) => boolean;
+export declare function omitOn(attrs: Attrs): Attrs;
+export {};

package/dist/common/index.d.ts

@@ -0,0 +1 @@
+export * from './echarts';

package/dist/components.d.ts

@@ -1,2 +1,8 @@
+export * from './common';
+export * from './setting';
 export * from './text';
 export * from './control';
+export * from './graph';
+export * from './container';
+export * from './media';
+export * from './table';

package/dist/container/border/index.d.ts

@@ -0,0 +1,3 @@
+export declare const EcanBorder: import("../../_utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>> & Record<string, any>;
+export default EcanBorder;
+export * from './props';