@ecan-bi/indicator-library 0.1.0 → 0.3.0

package/dist/style.css

@@ -1,2 +1,2 @@
-/*! @ecan-bi/indicator-library@0.1.0 */
-.data-view-list[data-v-97e32d62]{display:flex;flex-direction:column;height:100%}.columns[data-v-97e32d62]{height:100%;overflow:auto;flex:1;padding-top:10px}.column-item[data-v-97e32d62]{display:flow-root;margin:3px 0;padding:2px 0}.column-item[data-v-97e32d62]:hover{background:#eee}.column-item-name[data-v-97e32d62]{margin-left:5px}.data-source-list[data-v-874ad438]{display:flex;flex-direction:column;height:100%}.columns[data-v-874ad438]{height:100%;overflow:auto;flex:1;padding-top:10px}.column-item[data-v-874ad438]{display:flow-root;margin:3px 0;padding:2px 0}.column-child-item[data-v-874ad438]{padding:3px 10px}.button-wrapper[data-v-edda5b08]{width:100%;display:flex;justify-content:flex-end;margin-bottom:10px}.custom-sort-list[data-v-edda5b08]{width:100%;overflow:auto;height:70vh;list-style:none;padding-bottom:60px}.sort-item[data-v-edda5b08]{border:1px dashed #aaa;margin-bottom:5px;padding:5px;font-size:14px}.move-and-create[data-v-ca389e04]{display:flex;justify-content:space-between;margin-bottom:15px}.create-group[data-v-ca389e04]{display:flex;align-items:center;font-size:15px}.create-group-name[data-v-ca389e04]{width:140px;margin-left:10px}.custom-group-content[data-v-ca389e04]{overflow-y:auto}.tag[data-v-ca389e04]{margin-right:10px}.edit-title-input[data-v-ca389e04]{width:150px}.extra[data-v-ca389e04]{width:90px;display:flex;justify-content:flex-start;align-items:center}.custom-group[data-v-ca389e04]{margin:5px;padding:3px 5px}.text[data-v-ca389e04]{font-size:14px}.select-tip[data-v-ca389e04]{margin-right:10px;font-size:15px}.select-count[data-v-ca389e04]{color:red;margin:0 3px}.select-group[data-v-ca389e04]{margin-right:15px;width:140px}.cancel-button[data-v-ca389e04]{margin-right:20px}.footer[data-v-ca389e04]{display:flex}.custom-group-content .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:12px 0}.condition[data-v-4bbb62dd]{padding:8px;border:1px solid #e8e8e8;width:100%;display:flex;align-items:center}.field-name[data-v-4bbb62dd]{width:180px;margin-right:20px}.field-value[data-v-4bbb62dd]{flex:1;margin-left:20px;margin-right:20px}.rule[data-v-4bbb62dd]{width:180px}.delete-icon[data-v-4bbb62dd]{margin-right:10px}.condition-text[data-v-4eb6cab5]{min-width:50px;max-width:50px;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.condition-container[data-v-4eb6cab5]{display:flex;width:100%}.conditions[data-v-4eb6cab5]{display:flex;flex-direction:column;flex:1}.header[data-v-7e6cbd68]{display:flex;justify-content:flex-end;margin-bottom:30px}.add-and-condition[data-v-7e6cbd68]{width:100px;margin-right:15px}.add-or-condition[data-v-7e6cbd68]{width:100px}.formula-calculation[data-v-bb877ad3]{border:1px solid #ccc;width:100%}[theme=dark] .formula-calculation[data-v-bb877ad3]{border:1px solid #333}.field-area[data-v-bb877ad3]{height:100%;padding-left:20px;padding-top:20px;background:#eff1f4}[theme=dark] .field-area[data-v-bb877ad3]{background:#333}.field[data-v-bb877ad3]{margin-top:10px;padding-left:15px;font-weight:500}.textarea[data-v-bb877ad3]{height:100%}.data-config-card[data-v-62aff348]{display:flex;flex-direction:column;height:280px}.card-item[data-v-62aff348]{background-color:#a1d4e64d;width:100%;height:100%;padding:5px;margin:3px 0}.title[data-v-62aff348]{display:flex;justify-content:space-between}.add-calculation[data-v-62aff348]{cursor:pointer;font-size:13px;color:#3f8ce8;line-height:24px}.add-calculation-icon[data-v-62aff348]{color:#3f8ce8;margin-right:3px}.ant-checkbox+span[data-v-62aff348]{width:100%!important}.card-item-inner[data-v-62aff348]{width:100%;display:flex;justify-content:space-between;align-items:center}.name[data-v-62aff348]{width:100%}.placeholder[data-v-62aff348]{color:red}.setting-icon[data-v-62aff348]{color:#545;margin-left:5px}.delete-icon[data-v-62aff348]{color:red;margin-left:5px}.calculation-icon[data-v-62aff348]{font-weight:700;font-style:italic}.menu-item[data-v-62aff348]{white-space:nowrap}.data-config-card .ant-card-body{overflow-y:auto}.card-item .ant-checkbox+span{width:100%}.data-group[data-v-af3bb33a]{display:flex}.data-config-card[data-v-af3bb33a]{width:25%}.data-config-card[data-v-af3bb33a]:not(:last-child){margin-right:15px}.data-group .ant-card-body{padding:10px}.data-config[data-v-2ae24dac]{background:#fff;height:100%;width:100%;padding:0 15px;overflow-y:auto;color:#444}.component[data-v-2ae24dac]{width:100%!important;position:relative!important;margin:20px auto 0}.config-modal[data-v-e0b37acc]{width:100%;height:100%;display:flex;padding:10px}.config-modal-left[data-v-e0b37acc]{width:300px;height:100%;margin-right:10px;padding:10px}.config-modal-right[data-v-e0b37acc]{flex:1}
+/*! @ecan-bi/indicator-library@0.3.0 */
+.data-view-list[data-v-db27f39e]{display:flex;flex-direction:column;height:100%}.data-view-list .tree-spin[data-v-db27f39e]{height:auto}.columns[data-v-db27f39e]{height:100%;overflow:auto;flex:1;padding-top:10px}.column-item[data-v-db27f39e]{display:flow-root;margin:3px 0;padding:2px 0}.column-item[data-v-db27f39e]:hover{background:#eee}.column-item-name[data-v-db27f39e]{margin-left:5px}.data-source-list[data-v-70ed8ae3]{display:flex;flex-direction:column;height:100%}.columns[data-v-70ed8ae3]{height:100%;overflow:auto;flex:1;padding-top:10px}.column-item[data-v-70ed8ae3]{display:flow-root;margin:3px 0;padding:2px 0}.column-child-item[data-v-70ed8ae3]{padding:3px 10px}.button-wrapper[data-v-1decfaae]{width:100%;display:flex;justify-content:flex-end;margin-bottom:10px}.custom-sort-list[data-v-1decfaae]{width:100%;overflow:auto;height:70vh;list-style:none;padding-bottom:60px}.sort-item[data-v-1decfaae]{border:1px dashed #aaa;margin-bottom:5px;padding:5px;font-size:14px}.move-and-create[data-v-6542b334]{display:flex;justify-content:space-between;margin-bottom:15px}.create-group[data-v-6542b334]{display:flex;align-items:center;font-size:15px}.create-group-name[data-v-6542b334]{width:140px;margin-left:10px}.custom-group-content[data-v-6542b334]{overflow-y:auto}.tag[data-v-6542b334]{margin-right:10px}.edit-title-input[data-v-6542b334]{width:150px}.extra[data-v-6542b334]{width:90px;display:flex;justify-content:flex-start;align-items:center}.custom-group[data-v-6542b334]{margin:5px;padding:3px 5px}.text[data-v-6542b334]{font-size:14px}.select-tip[data-v-6542b334]{margin-right:10px;font-size:15px}.select-count[data-v-6542b334]{color:red;margin:0 3px}.select-group[data-v-6542b334]{margin-right:15px;width:140px}.cancel-button[data-v-6542b334]{margin-right:20px}.footer[data-v-6542b334]{display:flex}.custom-group-content .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:12px 0}.condition[data-v-818d8aee]{padding:8px;border:1px solid #e8e8e8;width:100%;display:flex;align-items:center}.field-name[data-v-818d8aee]{width:180px;margin-right:20px}.field-value[data-v-818d8aee]{flex:1;margin-left:20px;margin-right:20px}.rule[data-v-818d8aee]{width:180px}.delete-icon[data-v-818d8aee]{margin-right:10px}.condition-text[data-v-f7a50b70]{min-width:50px;max-width:50px;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.condition-container[data-v-f7a50b70]{display:flex;width:100%}.conditions[data-v-f7a50b70]{display:flex;flex-direction:column;flex:1}.header[data-v-5c50cfca]{display:flex;justify-content:flex-end;margin-bottom:30px}.add-and-condition[data-v-5c50cfca]{width:100px;margin-right:15px}.add-or-condition[data-v-5c50cfca]{width:100px}.formula-calculation[data-v-1afece6d]{border:1px solid #ccc;width:100%}[theme=dark] .formula-calculation[data-v-1afece6d]{border:1px solid #333}.field-area[data-v-1afece6d]{height:100%;padding-left:20px;padding-top:20px;background:#eff1f4}[theme=dark] .field-area[data-v-1afece6d]{background:#333}.field[data-v-1afece6d]{margin-top:10px;padding-left:15px;font-weight:500}.textarea[data-v-1afece6d]{height:100%}.data-config-card[data-v-a1d9b4d6]{display:flex;flex-direction:column;height:280px}.card-item[data-v-a1d9b4d6]{background-color:#a1d4e64d;width:100%;height:100%;padding:5px;margin:3px 0}.title[data-v-a1d9b4d6]{display:flex;justify-content:space-between}.add-calculation[data-v-a1d9b4d6]{cursor:pointer;font-size:13px;color:#3f8ce8;line-height:24px}.add-calculation-icon[data-v-a1d9b4d6]{color:#3f8ce8;margin-right:3px}.ant-checkbox+span[data-v-a1d9b4d6]{width:100%!important}.card-item-inner[data-v-a1d9b4d6]{width:100%;display:flex;justify-content:space-between;align-items:center}.name[data-v-a1d9b4d6]{width:100%}.placeholder[data-v-a1d9b4d6]{color:red}.setting-icon[data-v-a1d9b4d6]{color:#545;margin-left:5px}.delete-icon[data-v-a1d9b4d6]{color:red;margin-left:5px}.calculation-icon[data-v-a1d9b4d6]{font-weight:700;font-style:italic}.menu-item[data-v-a1d9b4d6]{white-space:nowrap}.data-config-card .ant-card-body{overflow-y:auto}.card-item .ant-checkbox+span{width:100%}.data-group[data-v-fb11a953]{display:flex}.data-config-card[data-v-fb11a953]{width:25%}.data-config-card[data-v-fb11a953]:not(:last-child){margin-right:15px}.data-group .ant-card-body{padding:10px}.color-pick[data-v-e2113f43]{display:flex}.input[data-v-e2113f43]{margin-right:10px}.color-group-pick[data-v-b2be8322]{padding:10px}.form-group[data-v-065bc984]{position:relative;display:flex;width:100%}.form[data-v-065bc984]{flex:1;overflow-x:hidden}.form[data-v-065bc984]:hover{overflow:overlay}.form-row[data-v-065bc984]{display:flex;align-items:center}.form-row[data-v-065bc984]:not(:last-child){margin-bottom:15px}.form-item[data-v-065bc984]{display:flex;align-items:center;width:100%;margin-bottom:10px}.label[data-v-065bc984]{width:max-content;padding-right:5px}.value[data-v-065bc984]{flex:1;margin-right:10px}.icon[data-v-065bc984]{color:#000000a6}.add[data-v-065bc984]{position:absolute;top:-30px;right:0;font-size:20px}.icon-group[data-v-065bc984]{display:flex;flex-direction:column}.delete[data-v-065bc984]{width:30px;display:flex;justify-content:flex-end;align-items:center;font-size:18px}.icon-item[data-v-065bc984]{display:flex;width:30px;height:40px;justify-content:center;align-items:center}.icon-item[data-v-065bc984]:not(:last-child){margin-bottom:15px}.add-children-icon[data-v-065bc984]{font-size:18px;margin-right:10px}.fixed[data-v-065bc984]{font-size:18px}.use-font-size[data-v-065bc984]{display:flex;align-items:center}.use-color[data-v-065bc984]{margin:5px}.prop-item[data-v-96f057cc]{display:flex;align-items:center;padding:5px 5px 10px}.label[data-v-96f057cc]{width:28%;display:flex;justify-content:center}.label-vertical[data-v-96f057cc]{justify-content:flex-start;padding-bottom:4px}.component-wrapper[data-v-96f057cc]{width:72%}.component[data-v-96f057cc]{width:100%}.layout[data-v-96f057cc]{align-items:flex-start;flex-direction:column;padding:10px 5px 10px 10px}.layout .label[data-v-96f057cc]{text-align:left;margin-bottom:5px}.layout .component-wrapper[data-v-96f057cc]{width:100%}.editor[data-v-132e78f8]{width:100%;height:100%}[data-v-132e78f8] .overlayWidgets .find-widget{min-width:220px!important}.style-group[data-v-65134009]{width:70%}.style-group .option-editor[data-v-65134009]{min-height:500px;max-height:500px;border:1px solid #e9e9e9}.attribute-config .ant-collapse-content>.ant-collapse-content-box>editor{padding:16px 10px}.ecan-chart-graph[data-v-eccbe2c9],.ecan-chart-graph .chart-spin[data-v-eccbe2c9],.ecan-chart-graph .chart-spin[data-v-eccbe2c9] .ant-spin-container{width:100%;height:100%}.data-config[data-v-b64f96ee]{background:#fff;height:100%;width:100%;padding:0 15px;overflow-y:auto;color:#444}.data-config[data-v-b64f96ee] .ant-tabs{height:calc(100% - 310px)}.data-config[data-v-b64f96ee] .ant-tabs .ant-tabs-content-holder{height:calc(100% - 50px);overflow:auto}.chart-component[data-v-b64f96ee]{width:100%!important;position:relative!important;margin:20px auto 0}.prop-item[data-v-b64f96ee]{display:flex;align-items:center;padding:5px 5px 10px}.label[data-v-b64f96ee]{width:135px;display:flex;justify-content:center}.component-wrapper[data-v-b64f96ee]{width:calc(100% - 135px)}.color-pick[data-v-b64f96ee]{display:flex}.input[data-v-b64f96ee]{margin-right:10px}.config-modal[data-v-4b916f2f]{width:100%;height:100%;display:flex;padding:10px}.config-modal-left[data-v-4b916f2f]{width:300px;height:100%;margin-right:10px;padding:10px}.config-modal-right[data-v-4b916f2f]{flex:1}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecan-bi/indicator-library",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "types/index.d.ts",
@@ -32,9 +32,11 @@
     "ant-design-vue": "3.1.1",
     "axios": "0.24.0",
     "lodash-es": "4.17.21",
+    "monaco-editor": "^0.31.1",
     "nanoid": "3.1.30",
     "nrm": "^1.2.6",
-    "vue": "^3.3.8"
+    "vue": "^3.3.8",
+    "vue-pick-colors": "^1.3.4"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.5",

package/types/directives/focus.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    mounted(el: HTMLElement): void;
+};
+export default _default;

package/types/env.d.ts

@@ -1,6 +1,10 @@
-// 声明 vue 文件
+/// <reference types="vite/client" />
+
 declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  // @typescript-eslint/no-explicit-any
+  // @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
 }

package/types/hooks/useIndicatorData.d.ts

@@ -0,0 +1,4 @@
+export declare const useIndicatorData: (props?: {
+    [key: string]: any;
+}) => () => Promise<any>;
+export default useIndicatorData;

package/types/hooks/useTransformChartDataByAttrKey.d.ts

@@ -0,0 +1,25 @@
+interface DataItem {
+    name: string | number;
+    value: string | number;
+    type?: string;
+}
+export declare type Data = DataItem[];
+export interface KeyTypeDataFieldNames {
+    name: string;
+    types: {
+        label: string;
+        value: string;
+    }[];
+}
+/**
+ * 图形转化数据
+ * @param data 数据
+ * @param dataFieldNames 字段映射
+ */
+export declare const useTransformChartDataByAttrKey: (data: Data, dataFieldNames: KeyTypeDataFieldNames) => {
+    dimensions: unknown[];
+    dataset: {
+        [key: string]: any;
+    }[];
+};
+export default useTransformChartDataByAttrKey;

package/types/hooks/useTransformChartDataByAttrValue.d.ts

@@ -0,0 +1,23 @@
+interface DataItem {
+    name: string | number;
+    value: string | number;
+    type?: string;
+}
+export declare type Data = DataItem[];
+export interface ValueTypeDataFieldNames {
+    name: string;
+    value: string;
+    type: string;
+}
+/**
+ * 图形转化数据
+ * @param data 数据
+ * @param dataFieldNames 字段映射
+ */
+export declare const useTransformChartDataByAttrValue: (data: Data, dataFieldNames?: ValueTypeDataFieldNames) => {
+    dimensions: unknown[];
+    dataset: {
+        [key: string]: any;
+    }[];
+};
+export default useTransformChartDataByAttrValue;

package/types/hooks/useValueFormatter.d.ts

@@ -0,0 +1,2 @@
+export declare const useValueFormatter: (formatter: string, value: string) => string;
+export default useValueFormatter;

package/types/hooks/useVariablesInText.d.ts

@@ -0,0 +1,12 @@
+export declare const useVariablesInText: (formatter?: string, { textData, codeData }?: {
+    textData?: {
+        [key: string]: any;
+    };
+    codeData?: {
+        [key: string]: any;
+    };
+}, { useNewline, useSpace }?: {
+    useNewline?: boolean;
+    useSpace?: boolean;
+}) => string;
+export default useVariablesInText;

package/types/indicator/chart-graph/ChartGraph.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    graphicConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    chartsOptions: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {
+    echartRef: import("vue").Ref<HTMLElement>;
+    loading: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    graphicConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    chartsOptions: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>>, {
+    graphicConfig: Record<string, any>;
+    chartsOptions: Record<string, any>;
+}, {}>;
+export default _sfc_main;

package/types/indicator/chart-graph/index.d.ts

@@ -0,0 +1,26 @@
+export declare const EcanChartGraph: import('../../utils/withInstall').SFCWithInstall<import("vue").DefineComponent<{
+    graphicConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    chartsOptions: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {
+    echartRef: import("vue").Ref<HTMLElement>;
+    loading: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    graphicConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    chartsOptions: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>>, {
+    graphicConfig: Record<string, any>;
+    chartsOptions: Record<string, any>;
+}, {}>> & Record<string, any>;
+export default EcanChartGraph;

package/types/indicator/chart-graph/transformProps.d.ts

@@ -0,0 +1 @@
+export declare const getTransformProps: (chartsOptions: any, chartData: any, fontSize: any) => {};

package/types/indicator/editor/Editor.vue.d.ts

@@ -0,0 +1,75 @@
+import { PropType } from 'vue';
+export declare type LanguageType = 'json' | 'typescript';
+declare const _sfc_main: import("vue").DefineComponent<{
+    valueData: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    language: {
+        type: PropType<LanguageType>;
+        default: string;
+    };
+    isUseMinimap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    UseSuggestions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFormat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    dom: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:valueData")[], "change" | "update:valueData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueData: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    language: {
+        type: PropType<LanguageType>;
+        default: string;
+    };
+    isUseMinimap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    UseSuggestions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFormat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:valueData"?: (...args: any[]) => any;
+}, {
+    valueData: string;
+    options: Record<string, any>;
+    language: LanguageType;
+    isUseMinimap: boolean;
+    UseSuggestions: boolean;
+    autoFormat: boolean;
+    readonly: boolean;
+}, {}>;
+export default _sfc_main;

package/types/indicator/editor/index.d.ts

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

package/types/indicator/index.d.ts

@@ -1 +1,2 @@
 export * from './indicator-library';
+export * from './chart-graph';

package/types/indicator/indicator-library/IndicatorLibrary.vue.d.ts

@@ -1,10 +1,41 @@
 declare const _sfc_main: import("vue").DefineComponent<{
-    source: StringConstructor;
-    indicatorToken: StringConstructor;
-    selectedComponent: ObjectConstructor;
+    isShowStyleConfig: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sourceType: {
+        type: StringConstructor;
+        default: string;
+    };
+    indicatorToken: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedComponent: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    source: StringConstructor;
-    indicatorToken: StringConstructor;
-    selectedComponent: ObjectConstructor;
-}>>, {}, {}>;
+    isShowStyleConfig: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sourceType: {
+        type: StringConstructor;
+        default: string;
+    };
+    indicatorToken: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedComponent: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>>, {
+    indicatorToken: string;
+    isShowStyleConfig: boolean;
+    sourceType: string;
+    selectedComponent: Record<string, any>;
+}, {}>;
 export default _sfc_main;

package/types/indicator/{data-config → indicator-library/data-config}/DataConfig.vue.d.ts

@@ -1,5 +1,7 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
+    isShowStyleConfig: unknown;
     activeKey: import("vue").Ref<string>;
+    activePanel: import("vue").Ref<number[]>;
     componentRef: import("vue").Ref<any>;
     type: import("vue").ComputedRef<any>;
     component: import("vue").ComputedRef<{

package/types/indicator/{data-config → indicator-library/data-config}/data-config-group/data-config-card/DataConfigCard.vue.d.ts

@@ -8,7 +8,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    onCheckboxChange: (event: Event, index: number) => void;
+    onCheckboxChange: (event: any, index: number) => void;
     onDrop: (event: DragEvent) => void;
     onDropStart: (event: DragEvent, cardItem: {
         [key: string]: any;

package/types/indicator/{data-config → indicator-library/data-config}/data-config-group/data-config-card/calculation-modal/FormulaCalculation.vue.d.ts

@@ -9,14 +9,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }[]>;
     myValue: import("vue").WritableComputedRef<string>;
     insertText: (text: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
         default: string;
     };
 }>> & {
-    "onUpdate:value"?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    "onUpdate:value"?: (...args: any[]) => any;
 }, {
     value: string;
 }, {}>;

package/types/indicator/indicator-library/data-config/style-config-group/StyleConfigGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { DetailPropsGroups, DetailPropsGroup } from './data';
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    type: import("vue").ComputedRef<any>;
+    handleChangeType: (val: string) => void;
+    activePanel: import("vue").Ref<number[]>;
+    ComponentString: import("vue").ComputedRef<string>;
+    updateComponentOptions: (code: string) => void;
+    optionCode: import("vue").Ref<string>;
+    onEditorChange: (code: string) => void;
+    onSwitchClick: (checked: boolean | string | number, event: Event) => void;
+    onSwitchChange: (value: boolean, key: string | undefined) => void;
+    detailPropsGroups: import("vue").ComputedRef<DetailPropsGroups>;
+    isRenderForm: (detailPropsGroup: DetailPropsGroup, componentType: string) => boolean;
+    isShowOptionEditor: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _sfc_main;

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/bar/index.d.ts

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

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/bar/props.d.ts

@@ -0,0 +1,67 @@
+export interface BarProps {
+    name: String;
+    type: String;
+    width: string;
+    height: string;
+    titleText: string;
+    titleSubtext: string;
+    colors: string[];
+    legendShow: boolean;
+    legendTextStyleColor: string;
+    legendLeft: 'left' | 'center' | 'right';
+    legendTop: 'top' | 'middle' | 'bottom';
+    legendOrient: 'vertical' | 'horizontal';
+    xAxisLabelInterval: number;
+    xAxisSplitLineShow: boolean;
+    xAxisLabelColor: string;
+    xAxisLabelWidth: number | undefined;
+    xAxisLabelOverflow: 'none' | 'truncate' | 'break' | 'breakAll';
+    xAxisLabelRotate: number;
+    xAxisLineStyleColor: string;
+    xAxisTickShow: boolean;
+    xAxisLabelFormatter: string;
+    xAxisSplitLineStyleColor: string;
+    xAxisInverse: boolean;
+    xAxisMinInterval: number;
+    yAxisMinInterval: number;
+    yAxisInverse: boolean;
+    yAxisLabelWidth: number | undefined;
+    yAxisLabelOverflow: 'none' | 'truncate' | 'break' | 'breakAll';
+    yAxisLabelRotate: number;
+    yAxisSplitLineShow: boolean;
+    yAxisSplitLineStyleColor: string;
+    yAxisLabelColor: string;
+    yAxisLineStyleColor: string;
+    yAxisLabelFormatter: string;
+    yAxisLineAlwaysDisplay: boolean;
+    tooltipShow: boolean;
+    tooltipTextStyleColor: string;
+    tooltipFormatter: string;
+    gridContainLabel: boolean;
+    gridTop: string;
+    gridBottom: string;
+    gridLeft: string;
+    gridRight: string;
+    barWidth: string;
+    toolboxShow: boolean;
+    toolboxLocation: boolean;
+    toolboxDownloadShow: boolean;
+    toolboxDataZoomShow: boolean;
+    toolboxInfoShow: boolean;
+    toolboxOrient: 'horizontal' | 'vertical';
+    toolboxItemSize: number;
+    toolboxItemGap: number;
+    toolboxLeft: 'left' | 'center' | 'right';
+    toolboxTop: 'top' | 'middle' | 'bottom';
+    toolboxIconStyleBorderColor: string;
+    toolboxDownloadUrl: string;
+    toolboxInfoText: string;
+    isUseHorizontalAxis: boolean;
+    axisInverse: boolean;
+    isStack: boolean;
+    labelShow: boolean;
+    labelFontSize: string;
+    labelPosition: 'inside' | 'top' | 'bottom' | 'right' | 'left';
+    labelColor: string;
+}
+export declare const barProps: BarProps;

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/combo-graph/index.d.ts

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

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/combo-graph/props.d.ts

@@ -0,0 +1,64 @@
+export interface ComboGraphProps {
+    name: String;
+    type: String;
+    width: string;
+    height: string;
+    colors: string[];
+    titleText: string;
+    titleSubtext: string;
+    legendShow: boolean;
+    legendTextStyleColor: string;
+    legendLeft: 'left' | 'center' | 'right';
+    legendTop: 'top' | 'middle' | 'bottom';
+    legendOrient: 'vertical' | 'horizontal';
+    xAxisLabelInterval: number;
+    xAxisSplitLineShow: boolean;
+    xAxisMinInterval: number;
+    xAxisLabelColor: string;
+    xAxisLabelRotate: number;
+    xAxisLabelOverflow: string;
+    xAxisLabelWidth: number | undefined;
+    xAxisLineStyleColor: string;
+    xAxisTickShow: boolean;
+    yAxisSplitLineShow: boolean;
+    xAxisSplitLineStyleColor: string;
+    yAxisSplitLineStyleColor: string;
+    yAxisLabelColor: string;
+    yAxisLineStyleColor: string;
+    yAxisLineAlwaysDisplay: boolean;
+    tooltipShow: boolean;
+    tooltipTrigger: 'item' | 'axis' | 'none';
+    tooltipTextStyleColor: string;
+    tooltipFormatter: string;
+    seriesTypes: {
+        [key: string]: any;
+    }[];
+    yAxis: {
+        [key: string]: any;
+    }[];
+    yAxisMinInterval: number;
+    gridContainLabel: boolean;
+    gridTop: string;
+    gridBottom: string;
+    gridLeft: string;
+    gridRight: string;
+    toolboxShow: boolean;
+    toolboxLocation: boolean;
+    toolboxDownloadShow: boolean;
+    toolboxDataZoomShow: boolean;
+    toolboxInfoShow: boolean;
+    toolboxOrient: 'horizontal' | 'vertical';
+    toolboxItemSize: number;
+    toolboxItemGap: number;
+    toolboxLeft: 'left' | 'center' | 'right';
+    toolboxTop: 'top' | 'middle' | 'bottom';
+    toolboxIconStyleBorderColor: string;
+    toolboxDownloadUrl: string;
+    toolboxInfoText: string;
+    symbolSize: number;
+    lineStyleWidth: number;
+    smooth: boolean;
+    areaStyleOpacity: number;
+    barWidth: string;
+}
+export declare const comboGraphProps: ComboGraphProps;

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/custom-graph/index.d.ts

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

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/custom-graph/props.d.ts

@@ -0,0 +1,11 @@
+export interface CustomGraphProps {
+    name: String;
+    type: String;
+    width: string;
+    height: string;
+    option: {
+        [key: string]: any;
+    };
+    optionCode: string;
+}
+export declare const customGraphProps: CustomGraphProps;

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/index.d.ts

@@ -0,0 +1,61 @@
+declare const _default: {
+    bar: import("./bar").BarProps;
+    line: {
+        name: string;
+        type: string;
+        width: string;
+        height: string;
+        legendShow: boolean;
+        legendOrient: string;
+        legendTop: string;
+        legendLeft: string;
+        titleText: string;
+        titleSubtext: string;
+        colors: string[];
+        symbolSize: number;
+        lineStyleWidth: number;
+        smooth: boolean;
+        xAxisLabelWidth: any;
+        xAxisLabelRotate: number;
+        xAxisLabelOverflow: string;
+        xAxisLabelInterval: number;
+        xAxisSplitLineShow: boolean;
+        xAxisSplitLineStyleColor: string;
+        xAxisLabelColor: string;
+        xAxisLineStyleColor: string;
+        xAxisTickShow: boolean;
+        xAxisLabelFormatter: string;
+        xAxisMinInterval: number;
+        yAxisMinInterval: number;
+        yAxisSplitLineShow: boolean;
+        yAxisSplitLineStyleColor: string;
+        yAxisLabelColor: string;
+        yAxisLineStyleColor: string;
+        yAxisLineAlwaysDisplay: boolean;
+        yAxisLabelFormatter: string;
+        gridContainLabel: boolean;
+        gridTop: string;
+        gridBottom: string;
+        gridLeft: string;
+        gridRight: string;
+        tooltipShow: boolean;
+        tooltipFormatter: string;
+        toolboxShow: boolean;
+        toolboxDownloadShow: boolean;
+        toolboxDataZoomShow: boolean;
+        toolboxInfoShow: boolean;
+        toolboxOrient: string;
+        toolboxItemSize: number;
+        toolboxItemGap: number;
+        toolboxLeft: string;
+        toolboxTop: string;
+        toolboxIconStyleBorderColor: string;
+        toolboxDownloadUrl: string;
+        toolboxInfoText: string;
+        areaStyleOpacity: number;
+    };
+    pie: import("./pie").PieProps;
+    customGraph: import("./custom-graph").CustomGraphProps;
+    comboGraph: import("./combo-graph").ComboGraphProps;
+};
+export default _default;

package/types/indicator/indicator-library/data-config/style-config-group/chart-props/line/index.d.ts

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