vap1 0.4.5 → 0.5.0

package/deps/app-data/Const.js

@@ -1,10 +1,54 @@
 "use strict";
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SOURCE_TYPE = exports.IMAGE_PREFIX = exports.API_PREFIX = void 0;
-exports.API_PREFIX = '/api-data';
-exports.IMAGE_PREFIX = '/data/images';
+exports.getSourceByName = exports.SOURCE_TYPE = exports.IMAGE_PREFIX = exports.API_PREFIX = void 0;
+var lodash_1 = __importDefault(require("lodash"));
+var PageUtil_1 = require("../../utils/PageUtil");
+exports.API_PREFIX = (0, PageUtil_1.resolveURL)('/api-data');
+exports.IMAGE_PREFIX = (0, PageUtil_1.resolveURL)('/data/images');
 var SOURCE_TYPE;
 (function (SOURCE_TYPE) {
     SOURCE_TYPE[SOURCE_TYPE["ELASTIC"] = 1] = "ELASTIC";
     SOURCE_TYPE[SOURCE_TYPE["MYSQL"] = 2] = "MYSQL";
+    SOURCE_TYPE[SOURCE_TYPE["DORIS"] = 5] = "DORIS";
 })(SOURCE_TYPE || (exports.SOURCE_TYPE = SOURCE_TYPE = {}));
+var getSourceByName = function (sourceName, sources) {
+    var e_1, _a;
+    var find = lodash_1.default.find(sources, { name: sourceName });
+    if (find)
+        return find;
+    var matched = [];
+    try {
+        for (var sources_1 = __values(sources), sources_1_1 = sources_1.next(); !sources_1_1.done; sources_1_1 = sources_1.next()) {
+            var source = sources_1_1.value;
+            var prefix = source.name.replace('-*', '').replace('*', '');
+            if (lodash_1.default.startsWith(sourceName, prefix)) {
+                matched.push(source);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (sources_1_1 && !sources_1_1.done && (_a = sources_1.return)) _a.call(sources_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (matched.length == 0)
+        return { id: 0, title: sourceName, name: sourceName, type: 1 };
+    return lodash_1.default.orderBy(matched, function (item) { return item.name.length; }, 'desc')[0];
+};
+exports.getSourceByName = getSourceByName;

package/deps/app-data/TimeConst.js

@@ -0,0 +1,58 @@
+// import dayjs from 'dayjs';
+// import _ from 'lodash';
+// // import type { Dayjs } from 'mo';
+// const _toStart = mnt => mnt.millisecond(0).second(0).minute(0).hour(0);
+// const _toEnd = mnt => mnt.millisecond(999).second(59).minute(59).hour(23);
+// const _TODAY = _toEnd(dayjs());
+// type RangeOption = {
+//     value: string,
+//     label: string,
+//     range: [Dayjs, Dayjs] | (() => [Dayjs, Dayjs]),
+// }
+// export const DEFAULT_TIME_RANGE = '1011';
+// export const TIME_OPTION: RangeOption[] = [
+//     { value: "1001", label: "今天", range: [_toStart(dayjs()), _TODAY] },
+//     { value: "1002", label: "本周", range: [_toStart(dayjs().startOf('week')), _TODAY] },
+//     { value: "1003", label: "本月", range: [_toStart(dayjs().startOf('month')), _TODAY] },
+//     { value: "1004", label: "本年", range: [_toStart(dayjs().startOf('year')), _TODAY] },
+//     { value: "1005", label: "最近15分钟", range: () => [dayjs().subtract(15, 'minutes'), dayjs()] },
+//     { value: "1006", label: "最近30分钟", range: () => [dayjs().subtract(30, 'minutes'), dayjs()] },
+//     { value: "1007", label: "最近1小时", range: () => [dayjs().subtract(1, 'hours'), dayjs()] },
+//     { value: "1008", label: "最近4小时", range: () => [dayjs().subtract(4, 'hours'), dayjs()] },
+//     { value: "1009", label: "最近12小时", range: () => [dayjs().subtract(12, 'hours'), dayjs()] },
+//     { value: "1010", label: "最近24小时", range: () => [dayjs().subtract(24, 'hours'), dayjs()] },
+//     { value: "1013", label: "最近3天", range: [_toStart(dayjs().subtract(3, 'days')), _TODAY] },
+//     { value: "1011", label: "最近7天", range: [_toStart(dayjs().subtract(7, 'days')), _TODAY] },
+//     { value: "1012", label: "最近30天", range: [_toStart(dayjs().subtract(30, 'days')), _TODAY] },
+//     { value: "1014", label: "最近60天", range: [_toStart(dayjs().subtract(60, 'days')), _TODAY] },
+//     { value: "1015", label: "最近90天", range: [_toStart(dayjs().subtract(90, 'days')), _TODAY] },
+//     { value: "1016", label: "最近6月", range: [_toStart(dayjs().subtract(6, 'months')), _TODAY] },
+//     { value: "1017", label: "最近1年", range: [_toStart(dayjs().subtract(1, 'years')), _TODAY] },
+// ];
+// export const TIME_MAP: Map<string, RangeOption> = new Map();
+// TIME_OPTION.map(item => TIME_MAP.set(item.value, item));
+// export const getRange = (id = DEFAULT_TIME_RANGE): [Dayjs, Dayjs] => {
+//     var opt = TIME_MAP.get(id);
+//     if (opt == null) {
+//         opt = TIME_MAP.get(DEFAULT_TIME_RANGE);
+//     }
+//     if (_.isFunction(opt.range)) {
+//         return opt.range();
+//     }
+//     return [opt.range[0].clone(), opt.range[1].clone()];
+// }
+// export const getTimeRange = (id = DEFAULT_TIME_RANGE): [string, string] => {
+//     let [start, end] = getRange(id);
+//     return [start.format('YYYY-MM-DD HH:mm:ss'), end.format('YYYY-MM-DD HH:mm:ss')]
+// }
+// export const getMomentRange = (id, def?: [Dayjs, Dayjs]): [Dayjs, Dayjs] => {
+//     if (id == null || id == 0 || id == '0') {
+//         if (_.isArray(def) && def.length == 2) {
+//             return def;
+//         }
+//         getRange(DEFAULT_TIME_RANGE);
+//     }
+//     return getRange(id);
+// }
+// export const DEFAULT_START = getRange()[0];
+// export const DEFAULT_END = getRange()[1];

package/deps/app-data/useSource.d.ts

@@ -0,0 +1,22 @@
+import { SOURCE_TYPE } from './Const';
+import type { BaseOption } from '../../basetype';
+import type { ReactNode } from 'react';
+import type { Source, SourceField } from './Const';
+export declare const sourceTypeRender: (type: SOURCE_TYPE) => ReactNode;
+export type UseDataSource = {
+    sourceLoading: boolean;
+    all: Source[];
+    sourceMap: Map<number, Source>;
+    nameMap: Map<string, number>;
+    es: Source[];
+    mysql: Source[];
+    doris: Source[];
+    sourceOptions: BaseOption[];
+    esOptions: BaseOption[];
+    mysqlOptions: BaseOption[];
+    dorisOptions: BaseOption[];
+    sourceIdRender: (id: number) => ReactNode;
+    sourceNameRender: (name: string) => ReactNode;
+    getSourceFiled: (sourceId: number) => Promise<SourceField[]>;
+};
+export declare const useSource: () => UseDataSource;

package/deps/app-data/useSource.js

@@ -1,162 +1,253 @@
-// import React, { useEffect } from 'react';
-// import _ from 'lodash';
-// import { Ajax, CacheUtil, } from "../../utils";
-// import { message } from 'antd';
-// import { Icon } from '../../components/_adapt/Icon'
-// // import { BaseOption, message, Icon } from '../'
-// import { useApi, useSetState } from '../../hooks';
-// import { API_PREFIX, SOURCE_TYPE } from '../../utils/Global'
-// import { useCallback } from 'react';
-// export const sourceTypeRender = (type: SOURCE_TYPE): ReactNode => {
-//     switch (type) {
-//         case 1:
-//             return <img src={`${IMAGE_PREFIX}/source-type/elastic-search.svg`} height={20} width={58} style={{ verticalAlign: 'middle' }} />
-//         case 2:
-//             return <img src={`${IMAGE_PREFIX}/source-type/mysql.svg`} height={20} width={30} style={{ verticalAlign: 'middle' }} />
-//         default:
-//             return <img src={`${IMAGE_PREFIX}/source-type/elastic-search.svg`} height={20} width={58} style={{ verticalAlign: 'middle' }} />
-//     }
-// }
-// const SOURCE_API = API_PREFIX + '/source'
-// Ajax.SESSION(SOURCE_API);
-// export type UseDataSource = {
-//     sourceLoading: boolean;
-//     all: Source[],
-//     sourceMap: Map<number, Source>,
-//     // kafka: Source[],
-//     es: Source[],
-//     mysql: Source[],
-//     sourceOptions: BaseOption[],
-//     esOptions: BaseOption[],
-//     mysqlOptions: BaseOption[],
-//     status: Map<number, any>,
-//     sourceIdRender: (id: number) => ReactNode,
-//     query: (param) => void;
-//     add: (param) => void;
-//     update: (data) => void
-//     del: (data) => void;
-//     sync: (data) => void;
-// }
-// const DEFAULT = {
-//     sourceLoading: true,
-//     all: [],
-//     es: [],
-//     // kafka: [], // 输出 Kafka
-//     mysql: [],
-//     sourceOptions: [],
-//     esOptions: [],
-//     mysqlOptions: [],
-//     sourceMap: new Map(),
-//     status: new Map()
-// }
-// export const useSource = (): UseDataSource => {
-//     const model = useApi({
-//         api: SOURCE_API, aop: {
-//             afterAll: (action, isSuccess) => {
-//                 if (isSuccess) {
-//                     Ajax.CLEAR(SOURCE_API);
-//                     location.reload();
-//                 }
-//             }
-//         }
-//     });
-//     const [{ sourceLoading, all, es, mysql, status, sourceOptions, esOptions, mysqlOptions, sourceMap }, setState] = useSetState(DEFAULT);
-//     const reflush = async () => {
-//         const resp = await Ajax.GET(SOURCE_API);
-//         const es = [];
-//         const mysql = [];
-//         const all = [];
-//         const sourceMap = new Map();
-//         if (resp.code == '0') {
-//             resp.data.map(item => {
-//                 all.push(item);
-//                 sourceMap.set(item.id, item);
-//                 if (item.type == 1) {
-//                     es.push(item);
-//                 } else if (item.type == 2) {
-//                     mysql.push(item);
-//                 }
-//             })
-//         }
-//         const sourceOptions = [], esOptions = [], mysqlOptions = [];
-//         all.map(item => {
-//             let option: BaseOption = {
-//                 value: item.id,
-//                 label: <span className='source-select-option'>
-//                     <span>{sourceTypeRender(item.type)} <b>{item.title}</b></span>
-//                     <i>{item.name}</i>
-//                 </span>
-//             }
-//             sourceOptions.push(option);
-//             if (item.type == SOURCE_TYPE.ELASTIC) {
-//                 esOptions.push(option)
-//             } else if (item.type == SOURCE_TYPE.MYSQL) {
-//                 mysqlOptions.push(option)
-//             }
-//         });
-//         setState({ sourceLoading: false, all, es, mysql, sourceOptions, sourceMap, esOptions, mysqlOptions });
-//         const status = new Map<number, any>();
-//         for (let item of all) {
-//             let url = API_PREFIX + '/source/monitor/' + item.id;
-//             Ajax.SESSION(url);
-//             const resp = await Ajax.GET(url);
-//             if (resp.code == '0' && resp.data != null) {
-//                 status.set(item.id, resp.data);
-//             } else {
-//                 // else if (resp.code == '999') {
-//                 CacheUtil.set(url, { code: '0', data: null })
-//                 // }
-//                 status.set(item.id, null);
-//             }
-//         }
-//         setState({ status });
-//     }
-//     useEffect(() => { reflush(); }, [])
-//     const query = useCallback((param: any) => {
-//         let list = _.concat([], all);
-//         if (param.source_type) {
-//             list = _.filter(list, item => item.type == param.source_type);
-//         }
-//         if (param.title) {
-//             list = _.filter(list, item => item.title.indexOf(param.title) >= 0)
-//         }
-//         if (param.name) {
-//             list = _.filter(list, item => item.name.indexOf(param.name) >= 0)
-//         }
-//         setState({
-//             es: _.filter(list, item => item.type == SOURCE_TYPE.ELASTIC),
-//             mysql: _.filter(list, item => item.type == SOURCE_TYPE.MYSQL),
-//         })
-//     }, [all])
-//     const sourceIdRender = useCallback((idStr) => {
-//         try {
-//             let id = parseInt(idStr);
-//             if (!sourceMap.has(id)) {
-//                 return '';
-//             }
-//             let source = sourceMap.get(id);
-//             let txt = source.title || source.name;
-//             if (source.icon) {
-//                 return <span><Icon type={source.icon} style={{ marginRight: 8 }} /> {txt}</span >
-//             }
-//             return txt;
-//         } catch {
-//             return ''
-//         }
-//     }, [sourceMap])
-//     return {
-//         sourceLoading, all, es, mysql, sourceOptions, sourceMap, status, esOptions, mysqlOptions,
-//         add: model.add, query, update: model.update, del: model.del,
-//         sourceIdRender,
-//         sync: async (data) => {
-//             const { id, name, title } = data;
-//             const resp = await Ajax.GET(`${API_PREFIX}/source/field/sync/${id}`);
-//             if (resp.code != '0') {
-//                 message.error(<span>数据源 <strong>{title}</strong>(<i>{name}</i>) 同步失败</span>)
-//                 return;
-//             }
-//             message.success(<span>数据源 <strong>{title}</strong>(<i>{name}</i>) 同步成功 ， 添加字段 <b>{resp.data}</b>个</span>)
-//             Ajax.CLEAR(`${API_PREFIX}/source/field/${id}`);
-//         }
-//     }
-// }
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSource = exports.sourceTypeRender = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var utils_1 = require("../../utils");
+var Icon_1 = require("../../components/_adapt/Icon");
+var hooks_1 = require("../../hooks");
+var Const_1 = require("./Const");
+var SOURCE_API = Const_1.API_PREFIX + '/source';
+var sourceTypeRender = function (type) {
+    switch (type) {
+        case Const_1.SOURCE_TYPE.ELASTIC:
+            return react_1.default.createElement("img", { src: "".concat(Const_1.IMAGE_PREFIX, "/source-type/elastic-search.svg"), height: 20, width: 58, style: { verticalAlign: 'middle' } });
+        case Const_1.SOURCE_TYPE.MYSQL:
+            return react_1.default.createElement("img", { src: "".concat(Const_1.IMAGE_PREFIX, "/source-type/mysql.svg"), height: 20, width: 30, style: { verticalAlign: 'middle' } });
+        case Const_1.SOURCE_TYPE.DORIS:
+            return react_1.default.createElement("img", { src: "".concat(Const_1.IMAGE_PREFIX, "/source-type/doris.svg"), height: 20, width: 59, style: { verticalAlign: 'middle' } });
+        default:
+            return react_1.default.createElement("img", { src: "".concat(Const_1.IMAGE_PREFIX, "/source-type/elastic-search.svg"), height: 20, width: 58, style: { verticalAlign: 'middle' } });
+    }
+};
+exports.sourceTypeRender = sourceTypeRender;
+utils_1.Ajax.SESSION(SOURCE_API);
+var DEFAULT = {
+    sourceLoading: true,
+    all: [],
+    es: [],
+    mysql: [],
+    doris: [],
+    sourceOptions: [],
+    esOptions: [],
+    mysqlOptions: [],
+    dorisOptions: [],
+    nameMap: new Map(),
+    sourceMap: new Map(),
+};
+var useSource = function () {
+    var _a = __read((0, hooks_1.useGlobal)('DATA_SOURCE', DEFAULT, { share: true, }), 3), _b = _a[0], sourceLoading = _b.sourceLoading, all = _b.all, es = _b.es, mysql = _b.mysql, doris = _b.doris, sourceOptions = _b.sourceOptions, esOptions = _b.esOptions, mysqlOptions = _b.mysqlOptions, dorisOptions = _b.dorisOptions, sourceMap = _b.sourceMap, nameMap = _b.nameMap, setState = _a[1], loaded = _a[2];
+    var reflush = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var resp, es, mysql, doris, all, sourceMap, nameMap, sourceOptions, esOptions, mysqlOptions, dorisOptions;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (loaded)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, utils_1.Ajax.GET(SOURCE_API)];
+                case 1:
+                    resp = _a.sent();
+                    es = [];
+                    mysql = [];
+                    doris = [];
+                    all = [];
+                    sourceMap = new Map();
+                    nameMap = new Map();
+                    if (resp.code == '0') {
+                        resp.data.map(function (item) {
+                            all.push(item);
+                            sourceMap.set(item.id, item);
+                            nameMap.set(item.name, item.id);
+                            if (item.type == Const_1.SOURCE_TYPE.ELASTIC) {
+                                es.push(item);
+                            }
+                            else if (item.type == Const_1.SOURCE_TYPE.MYSQL) {
+                                mysql.push(item);
+                            }
+                            else if (item.type == Const_1.SOURCE_TYPE.DORIS) {
+                                doris.push(item);
+                            }
+                        });
+                    }
+                    sourceOptions = [], esOptions = [], mysqlOptions = [], dorisOptions = [];
+                    all.map(function (item) {
+                        var option = {
+                            value: item.id,
+                            label: react_1.default.createElement("span", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+                                react_1.default.createElement("span", { style: { alignItems: 'center', display: 'flex' } },
+                                    (0, exports.sourceTypeRender)(item.type),
+                                    " ",
+                                    react_1.default.createElement("b", { style: { marginLeft: 4 } }, item.title)),
+                                react_1.default.createElement("i", null, item.name))
+                        };
+                        sourceOptions.push(option);
+                        if (item.type == Const_1.SOURCE_TYPE.ELASTIC) {
+                            esOptions.push(option);
+                        }
+                        else if (item.type == Const_1.SOURCE_TYPE.MYSQL) {
+                            mysqlOptions.push(option);
+                        }
+                        else if (item.type == Const_1.SOURCE_TYPE.DORIS) {
+                            dorisOptions.push(option);
+                        }
+                    });
+                    setState({ sourceLoading: false, nameMap: nameMap, all: all, es: es, mysql: mysql, doris: doris, sourceOptions: sourceOptions, sourceMap: sourceMap, esOptions: esOptions, mysqlOptions: mysqlOptions, dorisOptions: dorisOptions });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    (0, hooks_1.useEffectFunction)(reflush);
+    var getSourceFiled = (0, react_1.useCallback)(function (sourceId) { return __awaiter(void 0, void 0, void 0, function () {
+        var API, resp;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    API = "/api-data/source/field/".concat(sourceId);
+                    utils_1.Ajax.SESSION(API);
+                    return [4 /*yield*/, utils_1.Ajax.GET(API)];
+                case 1:
+                    resp = _a.sent();
+                    if (lodash_1.default.isArray(resp.data))
+                        return [2 /*return*/, resp.data.filter(function (item) { return item.name != ''; })];
+                    return [2 /*return*/, []];
+            }
+        });
+    }); }, []);
+    var sourceIdRender = (0, react_1.useCallback)(function (idStr, showIdx) {
+        if (showIdx === void 0) { showIdx = false; }
+        try {
+            var id = parseInt(idStr);
+            if (!sourceMap.has(id)) {
+                return '';
+            }
+            var source = sourceMap.get(id);
+            if (showIdx && source.title) {
+                return react_1.default.createElement("span", { style: { display: 'flex', alignItems: 'center', columnGap: 3 } },
+                    source.icon && react_1.default.createElement(Icon_1.Icon, { type: source.icon }),
+                    react_1.default.createElement("span", null,
+                        source.title,
+                        " ",
+                        react_1.default.createElement("i", null,
+                            "(",
+                            source.name,
+                            ")")));
+            }
+            var txt = source.title || source.name;
+            return react_1.default.createElement("span", { style: { display: 'flex', alignItems: 'center', columnGap: 3 } },
+                source.icon && react_1.default.createElement(Icon_1.Icon, { type: source.icon }),
+                react_1.default.createElement("span", null, txt));
+        }
+        catch (_a) {
+            return utils_1.Const.NONE;
+        }
+    }, [sourceMap]);
+    var sourceNameRender = (0, react_1.useCallback)(function (sourceName) {
+        var source = (0, Const_1.getSourceByName)(sourceName, all);
+        return sourceIdRender(source.id);
+    }, [sourceMap]);
+    return {
+        sourceLoading: sourceLoading,
+        all: all,
+        sourceOptions: sourceOptions,
+        sourceMap: sourceMap,
+        nameMap: nameMap,
+        sourceIdRender: sourceIdRender,
+        sourceNameRender: sourceNameRender,
+        getSourceFiled: getSourceFiled,
+        es: es,
+        mysql: mysql,
+        doris: doris,
+        esOptions: esOptions,
+        mysqlOptions: mysqlOptions,
+        dorisOptions: dorisOptions,
+    };
+};
+exports.useSource = useSource;

package/deps/echarts.d.ts

@@ -1,5 +1,8 @@
 import type { FC } from 'react';
 import type { EChartsOption } from 'echarts';
+export declare const echarts: {
+    init: (...args: any[]) => any;
+};
 interface EchartProps {
     /**
      * class 属性

package/deps/echarts.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -48,11 +58,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EChart = void 0;
+exports.EChart = exports.echarts = void 0;
 var react_1 = __importStar(require("react"));
 var utils_1 = require("../utils");
 var _Support_1 = require("../utils/_Support");
-var echarts = (0, _Support_1.globalDefault)('echarts', { init: function () {
+exports.echarts = (0, _Support_1.globalDefault)('echarts', { init: function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
@@ -74,7 +84,7 @@ var EChart = function (props) {
         }, 33);
     };
     (0, react_1.useEffect)(function () {
-        graphRef.current = echarts.init(rootRef.current);
+        graphRef.current = exports.echarts.init(rootRef.current);
         if (props.onClick) {
             if (props.onClickType) {
                 graphRef.current.on('click', props.onClickType, function () {