vap1 0.0.1

package/deps/apis/useSource.js

@@ -0,0 +1,152 @@
+// import React, { useEffect ,useCallback} from 'react';
+// import _ from 'lodash';
+// import { Ajax, CacheUtil, } from "../../utils";
+// // import {  message, Icon } from '../../components'
+// import { useApi, useSetState } from '../../hooks';
+// // import { API_PREFIX, SOURCE_TYPE } from '../../utils/Global'
+// // import {  } from 'react';
+// // import { sourceTypeRender } from '../utils/Renders';
+// const SOURCE_API = API_PREFIX + '/source'
+// Ajax.SESSION(SOURCE_API);
+// 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) => React.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);
+//                 }
+//             }
+//         }
+//     });
+//     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);
+//                 // console.log(item.topicName, item.topicAlias)
+//                 // if (item.topicName) kafka.push(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}`);
+//         }
+//     }
+// }

package/deps/echarts.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { EChartsOption } from 'echarts';
+interface EchartProps {
+    /**
+     * class 属性
+    */
+    className?: string;
+    /**
+     * Echart数据
+    */
+    data: EChartsOption;
+    /**
+     * Echart点击事件 参考 https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.click
+     */
+    onClick?: Function;
+    /**
+     * Echart点击事件 参考 https://echarts.apache.org/zh/api.html#echartsInstance.on
+     */
+    onClickType?: string | object;
+}
+/**
+ * 说明，echart 模块需要依赖  /js/echarts.min.js
+ * Echarts组件属性
+*/
+export declare const EChart: React.FC<EchartProps>;
+export {};

package/deps/echarts.js

@@ -0,0 +1,71 @@
+"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 (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EChart = void 0;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../utils");
+const _Support_1 = require("../utils/_Support");
+const echarts = (0, _Support_1.globalDefault)('echarts', { init: (...args) => ({}) });
+/**
+ * 说明，echart 模块需要依赖  /js/echarts.min.js
+ * Echarts组件属性
+*/
+const EChart = props => {
+    const rootRef = (0, react_1.useRef)(null);
+    const graphRef = (0, react_1.useRef)(null);
+    const resizePid = (0, react_1.useRef)(null);
+    const resize = () => {
+        window.clearTimeout(resizePid.current);
+        resizePid.current = setTimeout(() => {
+            graphRef.current.resize();
+        }, 66);
+    };
+    (0, react_1.useEffect)(() => {
+        graphRef.current = echarts.init(rootRef.current);
+        if (props.onClick) {
+            if (props.onClickType) {
+                graphRef.current.on('click', props.onClickType, function (...args) {
+                    props.onClick.call(this, ...args);
+                });
+            }
+            else {
+                graphRef.current.on('click', function (...args) {
+                    props.onClick.call(this, ...args);
+                });
+            }
+        }
+        window.addEventListener('resize', resize, false);
+        return () => {
+            window.removeEventListener('resize', resize);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (graphRef.current == null)
+            return;
+        graphRef.current.setOption(props.data);
+    }, [props.data]);
+    return react_1.default.createElement("div", { ref: rootRef, className: utils_1.StringUtil.className(['_ev'], props.className) });
+};
+exports.EChart = EChart;

package/deps/editor.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { CommandType } from './_editor/base/types';
+/**
+ * 富文本框
+*/
+export type RichTextProps = {
+    /**
+     * 值，传JSON串
+    */
+    value?: string;
+    /**
+     * 样式名称
+    */
+    className?: string;
+    /**
+     * 指定高度
+    */
+    height?: number;
+};
+export type EditorProps = RichTextProps & {
+    /**
+     * 微服务版本专用，用于声明图片/文件上传的 namespace 空间
+    */
+    namespace?: string;
+    /**
+     * 是否禁用
+    */
+    disabled?: boolean;
+    placeholder?: string;
+    toolbar?: 'full' | 'simple' | CommandType[][];
+    onChange: (string: any) => void;
+};
+export declare const Editor: React.FC<EditorProps>;
+export declare const Article: React.FC<RichTextProps>;

package/deps/editor.js

@@ -0,0 +1,111 @@
+"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 (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Article = exports.Editor = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const slate_1 = require("slate");
+const slate_react_1 = require("slate-react");
+const slate_history_1 = require("slate-history");
+const ToolBar_1 = require("./_editor/tools/ToolBar");
+const Element_1 = require("./_editor/base/Element");
+const Leaf_1 = require("./_editor/base/Leaf");
+const Support_1 = require("./_editor/base/Support");
+const utils_1 = require("../utils");
+const FULL_TOOLS = [
+    [
+        'bold', 'italic', 'underline', 'strikethrough', null,
+        'color', 'bgColor', null,
+        'h1', 'h2', 'h3', 'h4', 'fontFamily', 'fontSize', null,
+        'link', 'code',
+    ],
+    [
+        'left', 'center', 'right', 'justify', null,
+        'blockQuote', 'numberedList', 'bulletedList', null,
+        'hr', 'image', 'video', 'audio'
+    ]
+];
+const SIMPLE_TOOLS = [
+    [
+        'left', 'center', 'right', 'justify', null,
+        'bold', 'italic', 'underline', 'strikethrough', 'color', 'bgColor', null,
+        'h1', 'h2', null,
+        'link', 'fontSize', null,
+        'hr', 'image'
+    ],
+];
+let pid = null;
+const Editor = props => {
+    const renderElement = props => react_1.default.createElement(Element_1.Element, Object.assign({}, props, { isEditor: true }));
+    const renderLeaf = props => react_1.default.createElement(Leaf_1.Leaf, Object.assign({}, props));
+    const editor = (0, react_1.useMemo)(() => (0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)())), []);
+    var value = [];
+    if (props.value) {
+        try {
+            value = JSON.parse(props.value);
+        }
+        catch (_a) { }
+    }
+    let toolbar = SIMPLE_TOOLS;
+    if (props.toolbar) {
+        if (lodash_1.default.isArray(props.toolbar)) {
+            toolbar = props.toolbar;
+        }
+        else {
+            if (props.toolbar == 'full') {
+                toolbar = FULL_TOOLS;
+            }
+        }
+    }
+    return react_1.default.createElement("div", { className: utils_1.StringUtil.className(['v-richtext v-richtext-editor', props.className]), style: { height: props.height } },
+        react_1.default.createElement(slate_react_1.Slate, { editor: editor, initialValue: value, onChange: value => {
+                const isAstChange = editor.operations.some(op => 'set_selection' !== op.type);
+                if (isAstChange) {
+                    clearTimeout(pid);
+                    // 性能优化
+                    pid = setTimeout(() => props.onChange(JSON.stringify(value)), 250);
+                }
+            } },
+            react_1.default.createElement(ToolBar_1.Toolbar, { buttons: toolbar, disabled: props.disabled }),
+            react_1.default.createElement(slate_react_1.Editable, { readOnly: props.disabled, renderElement: renderElement, renderLeaf: renderLeaf, placeholder: props.placeholder, disabled: props.disabled, className: 'editor-content' })));
+};
+exports.Editor = Editor;
+const Article = props => {
+    const renderElement = props => react_1.default.createElement(Element_1.Element, Object.assign({}, props, { isEditor: false }));
+    const renderLeaf = props => react_1.default.createElement(Leaf_1.Leaf, Object.assign({}, props));
+    const editor = (0, Support_1.supportVoid)((0, slate_react_1.withReact)((0, slate_1.createEditor)()));
+    var value = [];
+    try {
+        value = JSON.parse(props.value || '[]');
+    }
+    catch (_a) { }
+    return react_1.default.createElement("div", { className: utils_1.StringUtil.className(['v-richtext v-richtext-viewer', props.className]), style: { height: props.height } },
+        react_1.default.createElement(slate_react_1.Slate, { editor: editor, initialValue: value },
+            react_1.default.createElement(slate_react_1.Editable, { readOnly: true, disabled: true, renderElement: renderElement, renderLeaf: renderLeaf, className: 'editor-content' })));
+};
+exports.Article = Article;

package/deps/registerEditor.d.ts

@@ -0,0 +1 @@
+export {};

package/deps/registerEditor.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../components");
+const editor_1 = require("./editor");
+(0, components_1.registerFormField)('editor', props => {
+    const { disabled, value, onChange, field } = props;
+    return react_1.default.createElement(editor_1.Editor, Object.assign({ placeholder: (0, components_1.getPlaceholder)(field) }, field.config, { value: value, disabled: disabled, onChange: (val) => onChange(val) }));
+}, {
+    breakCol: true,
+    render: (value) => react_1.default.createElement(editor_1.Article, { value: value })
+});

package/hooks/_list.d.ts

@@ -0,0 +1,87 @@
+import type { Key, PlainObject } from '../basetype';
+/**
+ * 列表通用模型
+*/
+type ListBase = {
+    /**
+     * rowkey
+    */
+    rowKey: string;
+    /**
+     * 列表
+    */
+    list: PlainObject[];
+};
+type ListQuery = {
+    isQuerying: boolean;
+    cost?: number;
+    pageNo: number;
+    pageSize: number;
+    total: number;
+    totalAcc: number;
+    param: PlainObject;
+    query: (param: PlainObject, clean?: boolean) => void;
+    pageTo: (pageNo: number, pageSize: number) => void;
+    orderBy: (order: string, by: 'asc' | 'desc') => void;
+};
+export type ListAction = {
+    effect: Key;
+    add: (obj: PlainObject) => Promise<PlainObject>;
+    update: (obj: PlainObject) => Promise<PlainObject>;
+    del: (obj: PlainObject | PlainObject[] | Key | Key[]) => Promise<PlainObject>;
+    doLoad: (obj: any) => void;
+    doAdd: (obj: PlainObject) => void;
+    doUpdate: (obj: PlainObject) => void;
+    doDelete: (obj: PlainObject | PlainObject[] | Key | Key[]) => void;
+};
+type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+type _ListInit = {
+    /**
+     * rowkey,默认为ID
+    */
+    rowKey?: string;
+    /**
+     *
+      * 通过一个API，初始化列表模型
+      *
+      * api 与 list 必传一项
+      *
+      * 说明：
+      * 1. 在不传 param 时：
+      *      模型初始化时会调用 GET({api})
+      * 2. 在传了 param 时 即便 param 为空的 如 {} ：
+      *      模型初始化时会调用 POST({api},{param} )
+      * 3. 自动解析返回体里面的 list/data参数，优先取到数组结构则返回
+     */
+    api?: string;
+    /**
+     * 调用API的参数，传此参数后，请求API方法变为 POST
+    */
+    param?: PlainObject;
+    /**
+    * 通过一个数组，初始化列表模型
+    * api 与 list 必传一项
+   */
+    list?: PlainObject[];
+};
+export type ListInit = WithRequired<_ListInit, 'api'> | WithRequired<_ListInit, 'list'>;
+export type ListModel = ListBase & ListQuery;
+export type ApiModel = ListModel & ListAction;
+export type StaticListState = ListModel & {
+    mode: 'static';
+    setList: (list: any[]) => void;
+};
+export type ApiListState = ApiModel & {
+    mode: 'api';
+    /**
+     * ALL 方法需要有满足规范的    GET API 才可以调用
+    */
+    all?: (status?: boolean) => Promise<PlainObject[]>;
+};
+export type SouteListState = ListModel & {
+    mode: 'source';
+};
+export declare const DEFAULT_STATE: ListBase & Partial<ListQuery>;
+export {};

package/hooks/_list.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_STATE = void 0;
+exports.DEFAULT_STATE = {
+    rowKey: 'id',
+    list: [],
+    isQuerying: false,
+    pageNo: 1,
+    pageSize: 15,
+    total: 0,
+    totalAcc: 0,
+    param: {},
+};

package/hooks/index.d.ts

@@ -0,0 +1,14 @@
+export { useApp } from './useApp';
+export { useApi } from './useApi';
+export { useArray } from './useArray';
+export { useSetState } from './useSetState';
+export { useDoLoad } from './useDoLoad';
+export { useGlobal } from './useGlobal';
+export { useModals } from './useModals';
+export { useEffectFunction } from './useEffectFunction';
+export { useAjaxQuery } from './useAjaxQuery';
+export { useAjaxAction } from './useAjaxAction';
+export { useOpenState } from './useOpenState';
+export { useFirstMountState } from './useFirstMountState';
+export { useToggle } from './useToggle';
+export { useUpdate } from './useUpdate';

package/hooks/index.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdate = exports.useToggle = exports.useFirstMountState = exports.useOpenState = exports.useAjaxAction = exports.useAjaxQuery = exports.useEffectFunction = exports.useModals = exports.useGlobal = exports.useDoLoad = exports.useSetState = exports.useArray = exports.useApi = exports.useApp = void 0;
+// export type { GlobalApp } from './useApp';
+var useApp_1 = require("./useApp");
+Object.defineProperty(exports, "useApp", { enumerable: true, get: function () { return useApp_1.useApp; } });
+var useApi_1 = require("./useApi");
+Object.defineProperty(exports, "useApi", { enumerable: true, get: function () { return useApi_1.useApi; } });
+var useArray_1 = require("./useArray");
+Object.defineProperty(exports, "useArray", { enumerable: true, get: function () { return useArray_1.useArray; } });
+var useSetState_1 = require("./useSetState");
+Object.defineProperty(exports, "useSetState", { enumerable: true, get: function () { return useSetState_1.useSetState; } });
+var useDoLoad_1 = require("./useDoLoad");
+Object.defineProperty(exports, "useDoLoad", { enumerable: true, get: function () { return useDoLoad_1.useDoLoad; } });
+var useGlobal_1 = require("./useGlobal");
+Object.defineProperty(exports, "useGlobal", { enumerable: true, get: function () { return useGlobal_1.useGlobal; } });
+var useModals_1 = require("./useModals");
+Object.defineProperty(exports, "useModals", { enumerable: true, get: function () { return useModals_1.useModals; } });
+var useEffectFunction_1 = require("./useEffectFunction");
+Object.defineProperty(exports, "useEffectFunction", { enumerable: true, get: function () { return useEffectFunction_1.useEffectFunction; } });
+// export { useMemoPromise } from './useMemoPromise';
+var useAjaxQuery_1 = require("./useAjaxQuery");
+Object.defineProperty(exports, "useAjaxQuery", { enumerable: true, get: function () { return useAjaxQuery_1.useAjaxQuery; } });
+var useAjaxAction_1 = require("./useAjaxAction");
+Object.defineProperty(exports, "useAjaxAction", { enumerable: true, get: function () { return useAjaxAction_1.useAjaxAction; } });
+var useOpenState_1 = require("./useOpenState");
+Object.defineProperty(exports, "useOpenState", { enumerable: true, get: function () { return useOpenState_1.useOpenState; } });
+// 说明，没有什么实际作用的HOOK
+// export { useCounter } from './useCounter';
+// export { useDefault } from './useDefault'
+// export { useEffectOnce } from './useEffectOnce';
+// export { useError } from './useError';
+var useFirstMountState_1 = require("./useFirstMountState");
+Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
+// export { useGetSet } from './useGetSet';
+// export { useHover } from './useHover';
+// export { useMountedState } from './useMountedState';
+// export { usePromise } from './usePromise';
+// export { useQueue } from './useQueue';
+// export { useStateList } from './useStateList';
+var useToggle_1 = require("./useToggle");
+Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
+// export { useUnmountPromise } from './useUnmountPromise'
+var useUpdate_1 = require("./useUpdate");
+Object.defineProperty(exports, "useUpdate", { enumerable: true, get: function () { return useUpdate_1.useUpdate; } });
+// export { useUpdateEffect } from './useUpdateEffect';
+// 说明： 主要从以下两个库中提取常用hooks 集成至VAP
+// https://github.com/streamich/react-use
+// https://ahooks.js.org/hooks/use-request/index

package/hooks/useAjax.d.ts

@@ -0,0 +1,14 @@
+import type { PlainObject } from '../basetype';
+import type { AjaxOptions } from '../utils/Ajax';
+export type AjaxHookOptions = AjaxOptions & {
+    autoFecth?: boolean;
+};
+export declare const usePromise: (...promises: Promise<PlainObject>[]) => void;
+export declare const useFetch: (...promises: Promise<PlainObject>[]) => void;
+export declare const useGet: (url: string, options?: AjaxOptions) => {
+    loading: boolean;
+    result: any;
+};
+export declare const usePost: (url: string, param: PlainObject, options?: AjaxOptions) => void;
+export declare const usePatch: (url: string, param: PlainObject, options?: AjaxOptions) => void;
+export declare const useDelete: (url: string, param: PlainObject, options?: AjaxOptions) => void;

package/hooks/useAjax.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDelete = exports.usePatch = exports.usePost = exports.useGet = exports.useFetch = exports.usePromise = void 0;
+const Ajax_1 = require("../utils/Ajax");
+const react_1 = require("react");
+const usePromise = (...promises) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    Promise.all(promises).then(response => {
+    });
+};
+exports.usePromise = usePromise;
+const useFetch = (...promises) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    Promise.all(promises).then(response => {
+    });
+};
+exports.useFetch = useFetch;
+const useGet = (url, options) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [result, setResult] = (0, react_1.useState)(null);
+    const reflush = () => {
+        (0, Ajax_1.GET)(url).then(response => {
+            setResult(response);
+            setLoading(false);
+        }).catch(err => {
+        });
+    };
+    // reflush();
+    return {
+        loading,
+        result,
+    };
+};
+exports.useGet = useGet;
+const usePost = (url, param, options) => {
+};
+exports.usePost = usePost;
+const usePatch = (url, param, options) => {
+};
+exports.usePatch = usePatch;
+const useDelete = (url, param, options) => {
+};
+exports.useDelete = useDelete;

package/hooks/useAjaxAction.d.ts

@@ -0,0 +1,13 @@
+import type { PlainObject } from '../basetype';
+type HanderAction = (data: PlainObject) => Promise<any>;
+type UseAjaxActionOptions = {
+    fn: (data: PlainObject) => Promise<any>;
+    hander?: (response: any, param?: any) => any;
+    defaultParam?: PlainObject;
+};
+type UseAjaxAction = (options: HanderAction | UseAjaxActionOptions) => ((data: any) => void);
+/**
+ * 封装一个Ajax接口调用操作
+*/
+export declare const useAjaxAction: UseAjaxAction;
+export {};