vap1 0.5.3 → 0.5.5

package/cems/admin/utils.js

@@ -1,6 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// console.log(UTILS.validatorCustom)
-// console.log(UTILS.defWhereFunc)
-// console.log(UTILS.defWhereLogic)
-// console.log(UTILS.defFunc)

package/components/SearchTool/SearchBar/ActionButtons.js

@@ -73,16 +73,10 @@ var getIcon = function (icon) {
     return icon;
 };
 var ActionButton = function (props) {
+    var btnParam = lodash_1.default.pick(props, ['type', 'danger', 'disabled']);
     if (props.children && props.children.length > 0) {
-        var btnParam_1 = {};
-        if (lodash_1.default.has(props, 'type'))
-            btnParam_1.type = props.type;
-        if (props.danger)
-            btnParam_1.danger = true;
-        if (props.disabled)
-            btnParam_1.disabled = true;
         if (lodash_1.default.isFunction(props.onClick))
-            btnParam_1.onClick = function (evt) { return utils_1.PageUtil.stopEvent(evt, props.onClick); };
+            btnParam.onClick = function (evt) { return utils_1.PageUtil.stopEvent(evt, props.onClick); };
         var menus_1 = [];
         props.children.map(function (item, key) {
             if (item.roleCode && !utils_1.PageUtil.hasRole(item.roleCode))
@@ -104,20 +98,13 @@ var ActionButton = function (props) {
         if (menus_1.length == 0)
             return utils_1.Const.NONE;
         return react_1.default.createElement(Dropdown_1.Dropdown, { menu: { items: menus_1 } },
-            react_1.default.createElement(Button_1.Button, __assign({}, btnParam_1),
+            react_1.default.createElement(Button_1.Button, __assign({}, btnParam),
                 props.label,
                 " ",
                 react_1.default.createElement(Icon_1.Icon, { type: "down" })));
     }
-    var btnParam = {};
     if (props.icon)
         btnParam.icon = getIcon(props.icon);
-    if (lodash_1.default.has(props, 'type'))
-        btnParam.type = props.type;
-    if (props.disabled)
-        btnParam.disabled = true;
-    if (props.danger)
-        btnParam.danger = true;
     if (props.confirm && props.disabled !== true) {
         return react_1.default.createElement(Popconfirm_1.Popconfirm, { key: Math.floor(lodash_1.default.random() * 1000000) + '', trigger: "click", placement: "bottomLeft", onConfirm: props.onClick, title: lodash_1.default.isString(props.confirm) ? props.confirm : props.confirm() },
             react_1.default.createElement(Button_1.Button, __assign({}, props.config, btnParam), props.label));

package/components/Tables/ApiTable.d.ts

@@ -13,4 +13,5 @@ export declare const ApiTable: React.ForwardRefExoticComponent<import("./index")
     selectDisabled?: (record: any) => boolean;
     actionBar?: Array<import("./Components/ActionBar").TableActionButton[]> | React.ReactNode;
     autoLoad?: false;
+    fixHeader?: boolean;
 } & Pick<ApiOption, "api" | "tipField" | "tipDisabled" | "aop"> & React.RefAttributes<ApiModel>>;

package/components/Tables/ApiTableModal.d.ts

@@ -13,6 +13,7 @@ export declare const ApiTableModal: React.ForwardRefExoticComponent<import(".").
     selectDisabled?: (record: any) => boolean;
     actionBar?: Array<import("./Components/ActionBar").TableActionButton[]> | React.ReactNode;
     autoLoad?: false;
+    fixHeader?: boolean;
 } & Pick<import("../../hooks/useApiBase").ApiOption, "api" | "tipField" | "tipDisabled" | "aop"> & Omit<import("antd/es/modal").ModalProps, "visible" | "onCancel" | "onOk"> & {
     open?: boolean;
     onOk?: (data?: import("../..").PlainObject) => void;

package/components/Tables/Components/ActionBar.js

@@ -125,39 +125,3 @@ exports.BUTTON_IMPORT = BUTTON_IMPORT;
 */
 var BUTTON_EXPORT = function (onClick, props) { return (__assign(__assign({ label: (0, i18n_1.txt)(_i18n_1.V.BTN_EXPORT), icon: 'export' }, props), { onClick: onClick })); };
 exports.BUTTON_EXPORT = BUTTON_EXPORT;
-// import { useLayoutEffect } from 'react';
-// import { useUpdate } from '../../../hooks'
-// type TableActionBar = {
-//     buttons: (TableActionButton | null | false)[],
-//     queryParam: PlainObject
-//     selectedRef: MutableRefObject<any>
-// }
-// export const ActionBar: FC<TableActionBar> = props => {
-//     const update = useUpdate();
-//     useLayoutEffect(() => {
-//         props.selectedRef.current.onSelected = () => {
-//             update();
-//         }
-//     }, [])
-//     const [selectedRowKeys, selectedObjects] = props.selectedRef.current.selected;
-//     const buttons = useMemo(() => {
-//         const btns = [];
-//         (props.buttons || []).map(btn => {
-//             if (btn === false) return;
-//             if (btn === null) {
-//                 btns.push(null);
-//                 return;
-//             }
-//             let sub = convertButton(btn, selectedRowKeys, selectedObjects, props.queryParam);
-//             if (_.isArray(btn.children) && btn.children.length > 0) {
-//                 sub.children = [];
-//                 btn.children.map(item => {
-//                     sub.children.push(convertButton(item, selectedRowKeys, selectedObjects, props.queryParam))
-//                 })
-//             }
-//             btns.push(sub);
-//         });
-//         return btns;
-//     }, [selectedRowKeys, props.buttons, props.queryParam])
-//     return <ActionButtons buttons={buttons} />
-// }

package/components/Tables/Components/useTableContext.js

@@ -108,7 +108,6 @@ var TableContextWrapper = function (props) {
         var toRemove = new Set(diff);
         return __assign(__assign({}, prev), { selectedRowKeys: prev.selectedRowKeys.filter(function (key) { return !toRemove.has(key); }), selectedObjects: prev.selectedObjects.filter(function (item) { return !toRemove.has(item[rowKey]); }) });
     }); }, []);
-    // console.log(state)
     return react_1.default.createElement(TableContext.Provider, { value: __assign(__assign({}, state), { setParam: setParam, setSelection: setSelection, initObjects: initObjects, reflushPage: reflushPage }) }, props.children);
 };
 exports.TableContextWrapper = TableContextWrapper;

package/components/Tables/Util.d.ts

@@ -1,7 +1,7 @@
 import type { MutableRefObject } from 'react';
 import type { BaseTableProps } from './index';
-import type { ColumnProps as ColumnsType } from 'antd/es/table/interface';
+import type { ColumnProps as ColumnType } from 'antd/es/table/interface';
 export declare const convertColumns: (props: BaseTableProps, rank: {
     ref: MutableRefObject<number>;
     isRank?: boolean;
-}) => Array<ColumnsType<any>>;
+}) => Array<ColumnType<any>>;

package/components/Tables/VTable.d.ts

@@ -37,6 +37,7 @@ export declare const VTable: React.ForwardRefExoticComponent<import("./index").T
     selectDisabled?: (record: any) => boolean;
     actionBar?: Array<TableActionButton[]> | React.ReactNode;
     autoLoad?: false;
+    fixHeader?: boolean;
 } & {
     /**
      * 列表模型，可以使用系统提供的 useApi/useArray 等，也可自行实现列表模型

package/components/Tables/VTable.js

@@ -240,7 +240,6 @@ var _VTable = (0, react_1.forwardRef)(function (props) {
 var VTableRoot = (0, react_1.forwardRef)(function (props, ref) {
     var _a = props.model, isQuerying = _a.isQuerying, pageNo = _a.pageNo, pageSize = _a.pageSize, total = _a.total, totalAcc = _a.totalAcc, pageTo = _a.pageTo, query = _a.query, cost = _a.cost;
     var _b = (0, useTableContext_1.useTableContext)(), selectedRowKeys = _b.selectedRowKeys, selectedObjects = _b.selectedObjects, param = _b.param, setSelection = _b.setSelection, setParam = _b.setParam;
-    // console.log(selectedRowKeys)
     (0, react_1.useImperativeHandle)(ref, function () {
         return {
             clearSelected: function () { return setSelection([], []); },

package/components/Tables/index.d.ts

@@ -59,6 +59,14 @@ export type BaseTableProps = TableDefine & Pick<BoxProps, 'mode' | 'selectBar' |
     * 是否自动查询，默认为TRUE
    */
     autoLoad?: false;
+    /**
+     * @experimental
+     * 说明： 1.5 版本才有此属性
+     * 2.0版本会自动锁定表头
+     * 1.5版本有问题： http://192.168.119.213:9999/vap2/why-not/#%E4%B8%BA%E4%BB%80%E4%B9%881-5%E7%89%88%E6%9C%AC%E7%9A%84vtable%E4%B8%8D%E6%94%AF%E6%8C%81%E9%94%81%E5%AE%9A%E8%A1%A8%E5%A4%B4
+     * 传此参数后，会试验性的计算，可能会有BUG
+    */
+    fixHeader?: boolean;
 };
 import type { ApiTableProps } from './ApiTable';
 export type ApiTable = ForwardRefExoticComponent<ApiTableProps & RefAttributes<ApiModel>> & TableDefined;
@@ -67,7 +75,7 @@ import type { VTableProps, VTableRef } from './VTable';
 export type VTable = ForwardRefExoticComponent<VTableProps & RefAttributes<VTableRef>> & TableDefined;
 export declare const VTable: VTable;
 import type { STableProps } from './STable';
-export type STable = ExoticComponent<STableProps> & TableDefined;
+export type STable = ForwardRefExoticComponent<STableProps & RefAttributes<VTableRef>> & TableDefined;
 export declare const STable: STable;
 import type { TopTableProps } from './TopTable';
 export type TopTable = ExoticComponent<TopTableProps> & TableDefined;

package/components/Trees/ActionTree.js

@@ -193,7 +193,11 @@ var _Actiontree = (0, react_1.forwardRef)(function (props, ref) {
             var treeData = treeState.treeData;
             var node = lodash_1.default.get(treeData, nodePath);
             if (node == null) {
-                // message.error('No parent found')
+                if (props.canAddRoot != true) {
+                    // message.error('No parent found')
+                    return;
+                }
+                addRoot(data, { pos: INSER_POS.AFTER, position: [] });
                 return;
             }
             add(data, { pos: INSER_POS.INNER, node: node, position: position });

package/components/Trees/BaseTree.js

@@ -117,7 +117,7 @@ var BaseTree = function (props) {
         langs: null,
         folderChecker: null,
     };
-    if (props.rootCode)
+    if (lodash_1.default.has(props, 'rootCode'))
         DEFAULT.rootCode = props.rootCode;
     if (props.keyField)
         DEFAULT.keyField = props.keyField;

package/components/UForm/FormWrapper.js

@@ -71,6 +71,7 @@ var LAYOUTS = {
     compress: [1080, 3, 9],
 };
 var COLS_SPLIT = 8;
+// const FONT_SIZE = 12;
 var getDefault = function (props) {
     var _a, _b;
     var isGroup = lodash_1.default.has(props.fields[0], 'fields');
@@ -88,6 +89,8 @@ var getDefault = function (props) {
         }
         _b = __read((col > COLS_SPLIT) ? LAYOUTS.common : LAYOUTS.simple, 3), width = _b[0], cols = _b[1], colMax = _b[2];
     }
+    if (lodash_1.default.isNumber(props.width))
+        width = props.width;
     return [isGroup, width, cols, colMax];
 };
 exports.getDefault = getDefault;
@@ -135,6 +138,8 @@ var getFormLayout = function (props, root) {
     return [isGroup, cols, width, colMax, isInfo, isEdit, isAdd];
 };
 var getMaxTitleWidth = function (field) {
+    if (field.dataType == 'NONE')
+        return 0;
     if (field.type && (0, _register_1.getUFormInput)(field.type).breakTitle)
         return 0;
     var title = null;

package/components/UForm/UFormModal.js

@@ -93,7 +93,7 @@ var UForm_1 = require("./UForm");
 var utils_1 = require("../../utils");
 var _i18n_1 = require("../_i18n");
 var FormWrapper_1 = require("./FormWrapper");
-var FORM_FIELDS = ['layout', 'fields', 'groupType', 'isEdit', 'tip', 'default', 'data', 'mode', 'size'];
+var FORM_FIELDS = ['layout', 'fields', 'groupType', 'isEdit', 'tip', 'default', 'data', 'mode', 'size', 'width'];
 var UFormModal = function (props) {
     var ref = (0, react_1.useRef)(null);
     var modalProps = {
@@ -208,7 +208,7 @@ var UFormModal = function (props) {
             });
         }
     }
-    return react_1.default.createElement(Modal_1.Modal, __assign({ maskClosable: utils_1.GLOBAL.CONFIG.FORM.maskClosable, destroyOnClose: true }, lodash_1.default.omit(props, FORM_FIELDS), { className: utils_1.StringUtil.className(['u-form-modal'], props.className), onCancel: function () { return props.onCancel(); } }, modalProps),
+    return react_1.default.createElement(Modal_1.Modal, __assign({ maskClosable: utils_1.GLOBAL.CONFIG.FORM.maskClosable, destroyOnClose: true, width: props.width }, lodash_1.default.omit(props, FORM_FIELDS), { className: utils_1.StringUtil.className(['u-form-modal'], props.className), onCancel: function () { return props.onCancel(); } }, modalProps),
         react_1.default.createElement(UForm_1.UForm, __assign({}, lodash_1.default.pick(props, FORM_FIELDS), { ref: ref })));
 };
 exports.UFormModal = UFormModal;

package/components/UForm/_FieldType.js

@@ -74,6 +74,7 @@ exports._FieldType = [
     'radio',
     'radio-button',
     'radio-with-more',
+    // 'segmented',   仅2.0
     'checkbox',
     'checkbox-with-all',
     'icon',
@@ -115,6 +116,6 @@ exports._FieldType = [
     'role',
     'roles',
     // CEMS 专用
-    // 'cems-org',	// org 为2.0 专属
+    // 'cems-org',	// cems-org 为2.0 专属
     'cems-org-button',
 ];

package/components/UForm/index.d.ts

@@ -312,7 +312,7 @@ export type UFromAction = ButtonProps & {
  * 新版本 ModalProps 只支持 open 且必传，
  * 不使用 deprecated 属性
 */
-export type UModalProps = UFromProps & Omit<ModalProps, 'children'> & {
+export type UModalProps = UFromProps & Omit<ModalProps, 'children' | 'width'> & {
     /**
      * open 为必填项，不使用废弃的 visable 属性
     */

package/hooks/useModals.d.ts

@@ -1,6 +1,6 @@
 import type { UModalProps } from '../components/UForm';
 import type { PlainObject } from "../basetype";
-type ModalsState = {
+export type ModalsState = {
     modalProps: Pick<UModalProps, 'open' | 'onCancel' | 'data' | 'isEdit'>;
     open: boolean;
     isEdit: boolean;
@@ -37,4 +37,3 @@ export declare const useModals: () => {
     showUpload: (extra?: any) => void;
     showDetail: (data?: PlainObject, extra?: any) => void;
 };
-export {};

package/index.d.ts

@@ -165,5 +165,8 @@ export { Role, type RoleProps } from './components/_common/Role';
 export { IAutoComplete, type IAutoCompleteProps } from './components/_common/AutoComplete';
 export { PromiseLabel, type PromiseLabelProps } from './components/_common/PromiseLabel';
 export type { Key, BaseTypes, PlainObject, BaseItem, BaseOption, PageProps, } from './basetype';
-export type { ApiModel, ListModel } from './hooks/_list';
 export type { Moment as Dayjs } from 'dayjs';
+export type { FC, ForwardRefExoticComponent, ReactNode, PropsWithChildren, CSSProperties, RefAttributes, MutableRefObject, } from 'react';
+export type { ModalsState } from './hooks/useModals';
+export type { ApiModel, ListModel } from './hooks/_list';
+export type { OpenState } from './hooks/useOpenState';

package/package.json

@@ -1 +1 @@
-{"name":"vap1","version":"0.5.3","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}
+{"name":"vap1","version":"0.5.5","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}

package/components/Tables/VTableBack.js

@@ -1,269 +0,0 @@
-// import _ from 'lodash';
-// import React, { useEffect, useRef, useMemo, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
-// import { Table } from '../_adapt/Table'
-// import { Empty } from "antd";
-// import { ActionBar } from './Components/ActionBar';
-// import { PageUtil, GLOBAL, StringUtil, i18n } from '../../utils';
-// import { convertColumns } from './Util';
-// // import { HighLight } from '../_common/HighLight';
-// import { useUpdate, useFirstMountState } from '../../hooks';
-// import { Box, useBox } from '../Box/Box';
-// import type { MutableRefObject } from 'react';
-// import type { BaseTableProps, TableColumn, TableColumnGroup } from './index';
-// import type { TableProps, } from 'antd/es/table'
-// import type { SorterResult, ColumnProps as ColumnsType } from 'antd/es/table/interface';
-// import type { ListModel } from '../../hooks/_list';
-// import type { PlainObject, Key } from '../../basetype';
-// import type { BoxProps } from '../Box/Box'
-// import type { SelectFunction } from './Components/ActionBar';;
-// export type VTableRef = {
-//     getSelected: () => [Key[], PlainObject[]]
-//     getParams: () => PlainObject;
-//     clearSelected: () => void;
-// }
-// export const getHeightByTagName = (root: HTMLElement, tagName: string): number => {
-//     if (root == null) return 0;
-//     let els = root.getElementsByTagName(tagName);
-//     if (els.length) {
-//         return els[0].getBoundingClientRect().height;
-//     }
-//     return 0
-// }
-// /**
-//  * VTable 支持多种模型，内置模型有 API/DATA/STATIC,也支持模型规范的自定义模型
-// */
-// export type VTableProps = BaseTableProps & {
-//     /**
-//      * 列表模型，可以使用系统提供的 useApi/useArray 等，也可自行实现列表模型
-//     */
-//     model: ListModel
-//     /**
-//      * 默认选中的列，用于部分场景，可能会无效
-//     */
-//     defaultSelectedKeys?: (string | number)[]
-//     /**
-//      * 选中后变化
-//     */
-//     onSelectedChange?: (selectedRowKeys: Key[], selectedRows?: any[]) => void;
-// }
-// const _VTable = forwardRef((props: VTableProps, ref: MutableRefObject<SelectFunction>) => {
-//     const update = useUpdate();
-//     const { state, root, resize } = useBox();
-//     const inModal = useMemo(() => {
-//         if (root.current == null) return false;
-//         return root.current.parentElement.parentElement.classList.contains('ant-modal-body')
-//             || root.current.parentElement.parentElement.parentElement.classList.contains('ant-modal-body')
-//             || root.current.parentElement.parentElement.parentElement.parentElement.classList.contains('ant-modal-body');
-//     }, [])
-//     // const [scroll, setScroll] = useState<TableProps<PlainObject>['scroll']>(undefined);
-//     const { rowKey, list, isQuerying, pageNo, pageSize, orderBy, query, total } = props.model;
-//     let start = useRef(0);
-//     const tableProps: TableProps<PlainObject> = {}
-//     useEffect(() => {
-//         if (state.selected == null) return;
-//         if (_.isFunction(props.selectBar?.onSelect)) {
-//             let param = props.selectBar.onSelect(...state.selected);
-//             query({ ...props.default, ...param })
-//         }
-//     }, [state.selected]);
-//     // 更新页数
-//     useLayoutEffect(() => {
-//         start.current = pageSize * (pageNo - 1)
-//         // @ts-ignore
-//         if (props.model.mode == 'static') update();
-//     }, [pageSize, pageNo]);
-//     // 更新选中
-//     useLayoutEffect(() => {
-//         const diff = _.xor(ref.current.selected[0], list.map(item => item[rowKey]));
-//         if (diff.length > 0) {
-//             let toRemove = new Set(diff);
-//             ref.current.selected[0] = ref.current.selected[0].filter(key => !toRemove.has(key))
-//             ref.current.selected[1] = ref.current.selected[1].filter(item => !toRemove.has(item[rowKey]))
-//             ref.current.onSelected();
-//         }
-//     }, [list]);
-//     useLayoutEffect(() => {
-//         if (!isQuerying || !GLOBAL.CONFIG.TABLE.UNSELECT_ON_QUERY) return;
-//         if (ref.current.selected[0].length > 0) {
-//             ref.current.selected = [[], []];
-//             ref.current.onSelected();
-//         }
-//     }, [isQuerying])
-//     // 初始选中
-//     const isFristMounted = useFirstMountState();
-//     useLayoutEffect(() => {
-//         if (!isFristMounted) return;
-//         if (!_.isArray(props.defaultSelectedKeys) || props.defaultSelectedKeys.length == 0 || list.length == 0) return;
-//         const selectKeys = [];
-//         const selectObjs = [];
-//         for (let key of props.defaultSelectedKeys) {
-//             let obj = _.find(list, { [rowKey]: key });
-//             if (obj == null) continue;
-//             selectKeys.push(key)
-//             selectObjs.push(obj)
-//         }
-//         if (selectKeys.length > 0) {
-//             ref.current.selected[0] = selectKeys
-//             ref.current.selected[1] = selectObjs;
-//             ref.current.onSelected();
-//             update();
-//         }
-//     }, [isFristMounted])
-//     // 计算 clolum 及 高亮keyword
-//     const columns = useMemo<Array<ColumnsType<any>>>(() => convertColumns(props, { ref: start, isRank: false }), [props.columns])
-//     useLayoutEffect(() => {
-//         resize();
-//     }, [columns])
-//     useEffect(() => {
-//         if (props.autoLoad === false) return;
-//         // @ts-ignore
-//         if (props.model.mode == 'api-global' && total > 0) return;
-//         if (_.has(props.selectBar, 'config.mustSelect') && props.selectBar.config.mustSelect == true) return;
-//         query(props.default || {});
-//     }, []);
-//     // 更新高度 table 需要把 head 排除设置滚动
-//     // useEffect(() => {
-//     //     if (inModal) {
-//     //         setScroll({ x: true })
-//     //         return;
-//     //     }
-//     //     if (props.scroll === null) return;
-//     //     if (props.mode == undefined || props.mode == 'common') return;
-//     //     let height = state?.height;
-//     //     if (!height) return;
-//     //     // VAP1.5 scroll table bug
-//     //     root.current.style.height = height + 'px';
-//     //     // setTimeout(() => {
-//     //     // height -= getHeightByTagName(root.current, 'thead');
-//     //     // setScroll({ y: Math.ceil(height), x: true })
-//     //     // }, 2);
-//     // }, [state?.height]);
-//     // @ts-ignore
-//     const effectKey = props.model.effect;
-//     useEffect(() => {
-//         if (effectKey == null) return;
-//         let effectRow = effectKey;
-//         if (_.isString(effectKey) && _.startsWith(effectKey, '_')) effectRow = effectRow.substring(1);
-//         const trs = root.current.getElementsByClassName('ant-table-row');
-//         let size = trs.length;
-//         if (size <= 0) return;
-//         for (let i = 0; i < size; i++) {
-//             let tr = trs.item(i);
-//             let key = tr.getAttribute('data-row-key');
-//             if (key == effectRow) {
-//                 if (tr.classList.contains('c-table-high')) {
-//                     tr.classList.remove('c-table-high')
-//                 }
-//                 setTimeout(() => tr.classList.add('c-table-high'), 2)
-//             }
-//         }
-//     }, [effectKey]);
-//     if (props.select) {
-//         tableProps.rowSelection = {
-//             selectedRowKeys: ref.current.selected[0] as any[],
-//             onChange: (selectedRowKeys, selectedObjects) => {
-//                 ref.current.selected = [selectedRowKeys, selectedObjects];
-//                 ref.current.onSelected();
-//                 update();
-//                 if (props.onSelectedChange && _.isFunction(props.onSelectedChange)) {
-//                     props.onSelectedChange(selectedRowKeys, selectedObjects)
-//                 }
-//             },
-//             getCheckboxProps: record => {
-//                 if (_.isFunction(props.selectDisabled)) return { disabled: props.selectDisabled(record) }
-//                 if (!_.has(record, rowKey)) return { disabled: true }
-//                 return { disabled: false };
-//             },
-//         }
-//     }
-//     return <Table
-//         rowKey={props.rowKey || rowKey}
-//         // scroll={scroll}
-//         // tableLayout="fixed"
-//         // showSorterTooltip={false}
-//         size={GLOBAL.CONFIG.TABLE.SIZE}
-//         locale={{ emptyText: <Empty style={{ marginTop: 24 }} /> }}
-//         {..._.omit(props, ['children'])}
-//         {...tableProps}
-//         className={StringUtil.className(['c-table'], props.className)}
-//         pagination={false}
-//         columns={columns}
-//         dataSource={list}
-//         loading={isQuerying}
-//         onChange={(x, y, field: SorterResult<any>) => {
-//             if (field.column) {
-//                 orderBy(field.field as string, field.order == 'ascend' ? 'asc' : 'desc');
-//             } else {
-//                 orderBy(null, 'desc');
-//             }
-//         }}
-//     />
-// });
-// export const VTable = forwardRef((props: VTableProps, ref: MutableRefObject<VTableRef>) => {
-//     const { isQuerying, pageNo, pageSize, total, totalAcc, param, pageTo, query, cost } = props.model;
-//     const update = useUpdate();
-//     // 通过 ref 方式交互，后续扩展方法实现定制联页选择
-//     const selectedRef = useRef<SelectFunction>({ selected: [props.defaultSelectedKeys || [], []], onSelected: update });
-//     // 对外提供getSelected方法获取当前选择的数据
-//     useImperativeHandle(ref, () => {
-//         return {
-//             clearSelected() {
-//                 selectedRef.current.selected = [[], []];
-//                 selectedRef.current.onSelected();
-//             },
-//             getSelected() {
-//                 return selectedRef.current.selected;
-//             },
-//             getParams: () => {
-//                 return props.model.param;
-//             }
-//         }
-//     }, [param]);
-//     let boxProps: BoxProps = _.pick(props, ['selectBar', 'style', 'className', 'default', 'mode']);
-//     if (props.searchBar) {
-//         boxProps.searchBar = {
-//             ...props.searchBar, disabled: isQuerying,
-//             onSearch: (data) => {
-//                 let queryParam = _.extend({}, param, data)
-//                 query(queryParam, true);
-//                 selectedRef.current.selected = [[], []];
-//                 selectedRef.current.onSelected();
-//             },
-//         }
-//     }
-//     if (props.actionBar) {
-//         if (_.isArray(props.actionBar)) {
-//             if (props.actionBar.length) {
-//                 boxProps.actionBar = <ActionBar
-//                     buttons={props.actionBar as any}
-//                     queryParam={param}
-//                     selectedRef={selectedRef}
-//                 />
-//             }
-//         } else {
-//             boxProps.actionBar = props.actionBar;
-//         }
-//     }
-//     if (props.pagination !== false) {
-//         boxProps.pagination = {
-//             disabled: isQuerying,
-//             current: pageNo,
-//             pageSize: pageSize,
-//             total: total,
-//             cost: cost,
-//             totalAcc: totalAcc,
-//             onChange: pageTo,
-//         }
-//         if (props.pagination) {
-//             if (props.pagination.hideOnSinglePage) {
-//                 boxProps.pagination.hideOnSinglePage = true;
-//             }
-//             if (props.pagination.className) {
-//                 boxProps.pagination.className = props.pagination.className;
-//             }
-//         }
-//     }
-//     return <Box {...boxProps}>
-//         {/* <_VTable {..._.omit(props, ['className', 'style'])} ref={selectedRef} /> */}
-//     </Box>
-// });

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

@@ -1,71 +0,0 @@
-export declare const API_PREFIX: string;
-export declare const IMAGE_PREFIX: string;
-export declare enum SOURCE_TYPE {
-    ELASTIC = 1,
-    MYSQL = 2,
-    DORIS = 5
-}
-export type FIELD_TYPE = 'keyword' | 'date' | 'long' | 'double' | 'text' | 'json' | 'object' | 'pic' | 'base64';
-/**
- * 数据源
-*/
-export type Source = {
-    /**
-     * 数据源ID
-    */
-    id: number;
-    /**
-     * 数据源名称（表名称/索引名称）
-    */
-    name: string;
-    /**
-     * 数据源标题
-    */
-    title: string;
-    /**
-     * 数据源标题
-    */
-    icon?: string;
-    /**
-     * 数据源时间字段
-    */
-    timeField?: string;
-    /**
-     * 数据源类型
-     * 1 = Elastic Search
-     * 2 = MySQL
-     * 5 = Doris
-    */
-    type: 1 | 2 | 5;
-};
-export type SourceField = {
-    /**
-     * 字段
-    */
-    field: string;
-    /**
-     * 字段名称
-    */
-    name: string;
-    /**
-     * 是否可排序
-    */
-    sorter: boolean;
-    /**
-     * 是否可被过滤
-    */
-    filter: boolean;
-    /**
-     * 是否可被 filter
-    */
-    tag: boolean;
-    /**
-     * 字段类型
-    */
-    type: FIELD_TYPE;
-    /**
-     * 字段类型
-    */
-    dict?: string;
-};
-export declare const getSourceByName: (sourceName: string, sources: Source[]) => Source;

package/deps/app-data/Const.js

@@ -1,54 +0,0 @@
-"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.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/SourceTable.js

@@ -1,137 +0,0 @@
-// import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-// import _ from 'lodash';
-// import { VTable } from '../../index';
-// import { useDoLoad, useEffectFunction } from 'vap2/hooks';
-// import { Const, Renders } from '../../utils';
-// import { SOURCE_TYPE } from '../utils/Global';
-// import { getColumns, getFieldBySourceField, getSourceFieldsById } from '../utils/SourceUtil';
-// import { filtersToQuery, } from '../utils/ConvertUtil';
-// import { generate, search, orderBy } from 'utils/ContentUtil';
-// import type { BaseTableProps } from '../..//components/Tables';
-// import type { ListModel } from '../../hooks/_list';
-// import type { Dayjs } from 'dayjs';
-// import type { PlainObject } from '../../basetype';
-// export type SourceTableProps = Partial<Omit<BaseTableProps, 'searchBar' | 'selectBar'>> & {
-//     sourceId: number,
-//     startTime: Dayjs,
-//     endTime: Dayjs,
-//     searchFields?: string[]
-//     // columns?: []
-// };
-// const useSourceTable = (sourceId: number, startTime: Dayjs, endTime: Dayjs): ListModel => {
-//     const [state, setState] = useDoLoad({
-//         rowKey: '_id',
-//         list: [],
-//         isQuerying: false,
-//         cost: 0,
-//         pageNo: 1,
-//         pageSize: 15,
-//         total: 0,
-//         totalAcc: 0,
-//         param: {}
-//     });
-//     // source: number[], startTime: Dayjs, endTime: Dayjs, q: string, query: RequestQuery = {}, professor: boolean = false, agg: boolean = false, domain: string = null
-//     let lastQuery = useRef({
-//         sourceType: SOURCE_TYPE.ELASTIC,
-//         sourceId: [sourceId],
-//         startTime, endTime,
-//         segment: null, query: '',
-//         sort: null
-//     });
-//     const queryHook = useCallback(async (
-//         param: PlainObject,
-//     ) => {
-//         let filters: Filter[] = [];
-//         let fields = _.keys(param);
-//         for (let field of fields) {
-//             // getFieldBySourceField
-//             let value = _.trim(param[field]);
-//             if (value == null || value == '') continue;
-//             let col = await getFieldBySourceField(sourceId, field);
-//             if (col && col.type == 'keyword') {
-//                 let filter = { field } as Filter;
-//                 filter.oper = col.dict ? 'eq' : 'like';
-//                 filter.value = param[field];
-//                 filters.push(filter);
-//             }
-//         }
-//         let query = filtersToQuery(filters, sourceId);
-//         setState({ isQuerying: true })
-//         let resp = await generate(lastQuery.current.sourceId, lastQuery.current.startTime, lastQuery.current.endTime, '', query);
-//         lastQuery.current.sort = orderBy(lastQuery.current.sourceId[0]);
-//         lastQuery.current.query = resp.query;
-//         lastQuery.current.segment = resp.segment;
-//         // this.setState({ query: info.query, segment: info.segment, total: info.total, totalAcc: info.totalAcc }, () => {
-//         if (resp.total == 0) {
-//             setState({ isQuerying: false, list: [], total: 0, totalAcc: 0 })
-//         } else {
-//             setState({ isQuerying: false, total: resp.total, totalAcc: resp.totalAcc })
-//             pageTo(1)
-//             //         this.toPage(1);
-//         }
-//         // })
-//     }, [state])
-//     const changeTime = () => {
-//     }
-//     const query = async (param: PlainObject, clean?: boolean) => {
-//         queryHook(param)
-//     }
-//     const pageTo = useCallback(async (pageNo: number, size?: number) => {
-//         const { sourceType, segment, query, sort } = lastQuery.current;
-//         let pageSize = size || state.pageSize;
-//         setState({ isQuerying: true })
-//         const resp = await search({
-//             sourceType, segment, query,
-//             sort,
-//             start: pageSize * (pageNo - 1),
-//             count: pageSize
-//         });
-//         setState({ isQuerying: false, list: resp.list, pageNo, pageSize })
-//     }, [state.pageSize])
-//     const _orderBy = async (order: string, by: 'asc' | 'desc') => {
-//         let sort = null;
-//         if (order) {
-//             sort = orderBy(lastQuery.current.sort, order, by != 'asc')
-//         }
-//         pageTo(1)
-//     }
-//     return { ...state, query, pageTo, orderBy: _orderBy, changeTime } as ListModel
-// }
-// export default (props: SourceTableProps) => {
-//     const model = useSourceTable(props.sourceId, props.startTime, props.endTime);
-//     const [config, setConfig] = useState({ columns: [] });
-//     useEffectFunction(async () => {
-//         let tableProps: BaseTableProps = { columns: [] }
-//         if (_.isArray(props.columns) && props.columns.length) {
-//             tableProps.columns = props.columns;
-//         } else {
-//             [tableProps.columns] = await getColumns([props.sourceId])
-//         }
-//         if (_.has(props, 'searchFields') && _.isArray(props.searchFields) && props.searchFields.length > 0) {
-//             const fields = await getSourceFieldsById(props.sourceId)
-//             tableProps.searchBar = { fields: [] }
-//             props.searchFields.map(item => {
-//                 let field = _.find(fields, { field: item });
-//                 if (field) {
-//                     if (field.dict) {
-//                         tableProps.searchBar.fields.push({ label: field.name, field: field.field, type: 'select', options: Renders.DictRender(field.dict).options() })
-//                     } else if (field.type == 'keyword') {
-//                         tableProps.searchBar.fields.push({ label: field.name, field: field.field, config: { like: true } })
-//                     }
-//                 }
-//             });
-//         }
-//         setConfig(tableProps);
-//     }, [props.columns]);
-//     useLayoutEffect(() => {
-//         model.query({});
-//     }, [])
-//     if (config.columns.length == 0) return Const.NONE;
-//     return <VTable
-//         model={model}
-//         {...config}
-//         mode={props.mode}
-//         rowKey='_id'
-//         autoLoad={false}
-//     />
-// }

package/deps/app-data/TimeConst.js

@@ -1,58 +0,0 @@
-// 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

@@ -1,22 +0,0 @@
-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,253 +0,0 @@
-"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;