vap1 0.0.1

package/hooks/useAjaxAction.js

@@ -0,0 +1,42 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAjaxAction = void 0;
+const antd_1 = require("antd");
+const lodash_1 = __importDefault(require("lodash"));
+/**
+ * 封装一个Ajax接口调用操作
+*/
+const useAjaxAction = (options) => {
+    const config = lodash_1.default.isFunction(options) ? { fn: options } : options;
+    const fetch = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const param = lodash_1.default.merge(config.defaultParam, data);
+            const resp = yield config.fn(param);
+            if (lodash_1.default.has(resp, 'code') && resp.code != '0') {
+                antd_1.message.error(resp.message);
+                // setLoading(false);
+                return;
+            }
+            if (config.hander) {
+                config.hander(resp, param);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    });
+    return fetch;
+};
+exports.useAjaxAction = useAjaxAction;

package/hooks/useAjaxQuery.d.ts

@@ -0,0 +1,40 @@
+import { PlainObject } from '../basetype';
+/**
+ * 查询方法，返回 Promise对象 即可
+*/
+type QueryFunction = (...args: any[]) => Promise<any>;
+/**
+ *
+*/
+type UseAjaxQueryOptions<T> = {
+    /**
+     * 查询方法
+    */
+    fn: QueryFunction;
+    /**
+     * 值处理器
+     * 默认从 Response 中 检查 'data' 'list' 等字段并返回
+     * 也可以自定义 string : 路径，或 function 方法
+    */
+    valueHander?: string | ((response: any, ...args: any[]) => T);
+    /**
+     * 自动触发查询，默认为 true
+    */
+    autoLoad?: false;
+    /**
+     * 默认值
+    */
+    defaultValue?: T;
+    /**
+     * 默认参数
+    */
+    defaultParam?: PlainObject | PlainObject[];
+};
+export type UseAjaxQueryHook<T> = [boolean, T, Function, any];
+type UseAjaxQuery = <T>(options: QueryFunction | UseAjaxQueryOptions<T>) => UseAjaxQueryHook<T>;
+/**
+ * 封装一个Ajax接口查询操作
+ * 通过用于 Ajax 操作，实际上可以用于任何 Promise 方法
+*/
+export declare const useAjaxQuery: UseAjaxQuery;
+export {};

package/hooks/useAjaxQuery.js

@@ -0,0 +1,81 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAjaxQuery = void 0;
+const react_1 = require("react");
+const antd_1 = require("antd");
+const lodash_1 = __importDefault(require("lodash"));
+const useFirstMountState_1 = require("./useFirstMountState");
+/**
+ * 封装一个Ajax接口查询操作
+ * 通过用于 Ajax 操作，实际上可以用于任何 Promise 方法
+*/
+const useAjaxQuery = (options) => {
+    const config = lodash_1.default.isFunction(options) ? { fn: options } : options;
+    const [[data, param], setData] = (0, react_1.useState)([config.defaultValue, config.defaultParam]);
+    // const [] = useTransition()
+    const [loading, setLoading] = (0, react_1.useState)(config.autoLoad === false ? false : true);
+    const isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
+    const fetch = (...args) => __awaiter(void 0, void 0, void 0, function* () {
+        let param = args.length > 0 ? args[0] : (config.defaultParam || null);
+        try {
+            setLoading(true);
+            const resp = yield config.fn(...args);
+            if (lodash_1.default.has(resp, 'code') && resp.code != '0') {
+                antd_1.message.error(resp.message);
+                setData([config.defaultValue, param]);
+                setLoading(false);
+                return;
+            }
+            if (config.valueHander) {
+                if (lodash_1.default.isString(config.valueHander)) {
+                    setData([lodash_1.default.get(resp, config.valueHander), param]);
+                }
+                else {
+                    setData([config.valueHander(resp, ...args), param]);
+                }
+            }
+            else {
+                if (lodash_1.default.has(resp, 'data')) {
+                    setData([resp.data, param]);
+                }
+                else if (lodash_1.default.has(resp, 'list')) {
+                    setData([resp.list, param]);
+                }
+                else {
+                    setData([resp, param]);
+                }
+            }
+            setLoading(false);
+        }
+        catch (err) {
+            console.error(err);
+            setData([config.defaultValue, param]);
+            setLoading(false);
+        }
+    });
+    if (isFirstMount && config.autoLoad !== false) {
+        if (config.defaultParam == null) {
+            fetch({});
+        }
+        else if (lodash_1.default.isPlainObject(config.defaultParam)) {
+            fetch(config.defaultParam);
+        }
+        else if (lodash_1.default.isArray(config.defaultParam)) {
+            fetch(...config.defaultParam);
+        }
+    }
+    return [loading, data, fetch, param];
+};
+exports.useAjaxQuery = useAjaxQuery;

package/hooks/useApi.d.ts

@@ -0,0 +1,69 @@
+import type { Key, PlainObject } from '../basetype';
+import type { ListInit, ApiListState } from './_list';
+/**
+ * 自定义 单个 Api 的AOP行为
+ *
+ * before 行为 ：
+ *      1. 用于转换数据，比如修改参数
+ *      2. 用于阻止行为：如果before方法返回 null 则不会执行
+ *
+ * after 行为 :
+ *      1. 用于自定义提示，需要配合 disableTip使用
+ *      2. 可用于成功后清除重建缓存
+ *
+*/
+export type AOP = {
+    beforeQuery?: (queryParam: PlainObject) => PlainObject;
+    afterQuery?: (isSuccess: boolean, queryParam: PlainObject, response: PlainObject) => void;
+    beforeAdd?: (queryParam: PlainObject) => PlainObject;
+    afterAdd?: (isSuccess: boolean, data: PlainObject, response: PlainObject) => void;
+    beforeUpdate?: (queryParam: PlainObject) => PlainObject;
+    afterUpdate?: (isSuccess: boolean, data: PlainObject, response: PlainObject) => void;
+    beforeDelete?: (queryParam: PlainObject | PlainObject[] | Key | Key[]) => PlainObject | PlainObject[] | Key | Key[];
+    afterDelete?: (isSuccess: boolean, data: PlainObject | PlainObject[] | Key | Key[], response: PlainObject) => void;
+    beforeAll?: (queryParam: PlainObject) => PlainObject;
+    afterAll?: (action: 'ADD' | 'UPDATE' | 'DELETE', isSuccess: boolean, data: PlainObject, response: PlainObject) => void;
+};
+export type ApiOption = ListInit & {
+    /**
+     * 默认是GET,如果传了 PARAM 则为 POST,如果是POST显不需要传参数，则传一个 param:{}
+     * */
+    api: string;
+    /**
+     *  页面大小，默认为 VLIST 大小
+    */
+    pageSize?: number;
+    /**
+     * 默认为 ids
+    */
+    delKey?: string;
+    /**
+     * namefield
+    */
+    tipField?: string;
+    /**
+     * namefield
+    */
+    tipLabel?: string;
+    /**
+     * 说明：数据 添加/修改/删除 成功后，默认会填出提示
+     * 如果想自定义提示，则可通过 disableTip 阻止消息弹出，使用 aop 方法自行修改
+     * 可以定义为 true 禁用全部
+     * 也可以定义为 对象，禁用对应的操作
+    */
+    tipDisabled?: true | {
+        add?: true;
+        delete?: true;
+        update?: true;
+    };
+    /**
+     * 说明：AOP 方法
+     * before/after Action 是 add/update/delete 的集成方式，
+    */
+    aop?: AOP;
+};
+/**
+ * 一个标准接口的API模型，支持CRUD，支持符合VAP规范的接口
+ * 适用于 VTable 等组件
+*/
+export declare const useApi: (options: string | ApiOption) => ApiListState;

package/hooks/useApi.js

@@ -0,0 +1,352 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApi = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+;
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const Const_1 = require("../components/_setup/Const");
+const antd_1 = require("antd");
+const useSetState_1 = require("./useSetState");
+const _list_1 = require("./_list");
+const chean = (param) => {
+    lodash_1.default.keys(param).map(key => {
+        if (param[key] === undefined || param[key] === '' || param[key] === null) {
+            lodash_1.default.unset(param, key);
+        }
+    });
+    return param;
+};
+const effectKey = (prevEffect, next, rowKey) => {
+    if (!lodash_1.default.has(next, rowKey))
+        return null;
+    if (next[rowKey] != prevEffect)
+        return next[rowKey];
+    return '_' + next[rowKey];
+};
+const SHOWTIP = (isSuccess, action, data, options) => {
+    let name = '';
+    if (options.tipLabel)
+        name = options.tipLabel;
+    if (options.tipField && lodash_1.default.has(data, options.tipField))
+        name += (' : ' + data[options.tipField]);
+    name = lodash_1.default.trim(name);
+    switch (action) {
+        case 'ADD':
+            if (isSuccess) {
+                antd_1.message.success(utils_1.i18n.txt(name ? Const_1.V.ACT_ADD_SUCCESS_NAMED : Const_1.V.ACT_ADD_SUCCESS, name));
+            }
+            else {
+                antd_1.message.error(utils_1.i18n.txt(name ? Const_1.V.ACT_ADD_FAIL_NAMED : Const_1.V.ACT_ADD_FAIL, name));
+            }
+            break;
+        case 'UPDATE':
+            if (isSuccess) {
+                antd_1.message.success(utils_1.i18n.txt(name ? Const_1.V.ACT_UPDATE_SUCCESS_NAMED : Const_1.V.ACT_UPDATE_SUCCESS, name));
+            }
+            else {
+                antd_1.message.error(utils_1.i18n.txt(name ? Const_1.V.ACT_UPDATE_FAIL_NAMED : Const_1.V.ACT_UPDATE_FAIL, name));
+            }
+            break;
+        case 'DELETE':
+            if (isSuccess) {
+                antd_1.message.success(utils_1.i18n.txt(name ? Const_1.V.ACT_DELETE_SUCCESS_NAMED : Const_1.V.ACT_DELETE_SUCCESS, name));
+            }
+            else {
+                antd_1.message.error(utils_1.i18n.txt(name ? Const_1.V.ACT_DELETE_FAIL_NAMED : Const_1.V.ACT_DELETE_FAIL, name));
+            }
+            break;
+        default:
+            break;
+    }
+};
+// export const proxyApi = (setState: Function, lastQuery: Ref<PlainObject>, rowKey: string, delKey: string, AOP: AOP) => {
+//     return {
+//         // query, pageTo, orderBy, doLoad,
+//         // add, doAdd,
+//         // update, doUpdate,
+//         // del, doDelete,
+//     }
+// }
+/**
+ * 一个标准接口的API模型，支持CRUD，支持符合VAP规范的接口
+ * 适用于 VTable 等组件
+*/
+const useApi = (options) => {
+    const config = lodash_1.default.isString(options) ? { api: options } : options;
+    const rowKey = config.rowKey || 'id';
+    const delKey = config.delKey || 'ids';
+    let lastQuery = (0, react_1.useRef)(config.param || {});
+    const BASE = Object.assign(Object.assign({}, _list_1.DEFAULT_STATE), { effect: null });
+    BASE.rowKey = rowKey;
+    if (config.list)
+        BASE.list = config.list;
+    if (config.pageSize)
+        BASE.pageSize = config.pageSize;
+    const [{ list, effect, pageNo, pageSize, total, totalAcc, isQuerying, param, cost }, doLoad] = (0, useSetState_1.useSetState)(BASE);
+    var AOP = {};
+    if (config.aop)
+        AOP = config.aop;
+    var TIP = { ADD: true, UPDATE: true, DELETE: true };
+    if (config.tipDisabled) {
+        if (config.tipDisabled === true) {
+            TIP = { ADD: false, UPDATE: false, DELETE: false };
+        }
+        else {
+            if (config.tipDisabled.add)
+                TIP.ADD = false;
+            if (config.tipDisabled.update)
+                TIP.UPDATE = false;
+            if (config.tipDisabled.delete)
+                TIP.DELETE = false;
+        }
+    }
+    const queryHook = (0, react_1.useCallback)((_param, _page = null, _order = null) => {
+        if (_param) {
+            lastQuery.current = chean(lodash_1.default.merge(lastQuery.current, _param));
+            lastQuery.current.start_ = 0;
+            lastQuery.current.count_ = pageSize;
+            doLoad({ param: lastQuery.current, pageNo: 1, isQuerying: true });
+            _query(lastQuery.current);
+        }
+        else if (_page) {
+            lastQuery.current.start_ = _page.pageSize * (_page.pageNo - 1);
+            lastQuery.current.count_ = _page.pageSize;
+            doLoad({ param: lastQuery.current, pageNo: _page.pageNo, pageSize: _page.pageSize, isQuerying: true });
+            _query(lastQuery.current);
+        }
+        else if (_order) {
+            if (_order.order) {
+                lastQuery.current.order_ = _order.order;
+                lastQuery.current.by_ = _order.by == 'asc' ? 'asc' : 'desc';
+            }
+            else {
+                lodash_1.default.unset(lastQuery.current, 'order_');
+                lodash_1.default.unset(lastQuery.current, 'by_');
+            }
+            lastQuery.current.start_ = 0;
+            doLoad({ param: lastQuery.current, pageNo: 1, isQuerying: true });
+            _query(lastQuery.current);
+        }
+    }, [param, pageNo, pageSize]);
+    const _query = (param) => __awaiter(void 0, void 0, void 0, function* () {
+        let _start = Date.now();
+        const queryParam = lodash_1.default.isFunction(AOP.beforeQuery) ? AOP.beforeQuery(param) : param;
+        const response = yield utils_1.Ajax.POST(config.api, queryParam);
+        if (response.code != '0') {
+            doLoad({ isQuerying: false, cost: 0 }, () => {
+                if (lodash_1.default.isFunction(AOP.afterQuery)) {
+                    AOP.afterQuery(false, queryParam, response);
+                }
+            });
+            throw response;
+        }
+        doLoad({
+            list: response.list, total: response.total, totalAcc: response.totalAcc || response.total,
+            cost: Date.now() - _start,
+            isQuerying: false
+        }, () => {
+            if (lodash_1.default.isFunction(AOP.afterQuery)) {
+                AOP.afterQuery(true, queryParam, response);
+            }
+        });
+    });
+    const query = (param, clean = false) => {
+        if (clean)
+            lastQuery.current = {};
+        queryHook(param);
+    };
+    const all = (loader = true) => __awaiter(void 0, void 0, void 0, function* () {
+        const resp = yield utils_1.Ajax.GET(config.api);
+        let list;
+        if (resp.code == '0') {
+            list = lodash_1.default.isArray(resp.data) ? resp.data : (lodash_1.default.isArray(resp.list) ? resp.list : []);
+        }
+        if (loader) {
+            doLoad({
+                total: list.length,
+                totalAcc: list.length,
+                list: list,
+                pageSize: list.length,
+                pageNo: 1,
+                param: {},
+            });
+        }
+        return list;
+    });
+    const pageTo = (pageNo, pageSize) => queryHook(null, { pageNo, pageSize });
+    const orderBy = (order, by) => queryHook(null, null, { order, by });
+    const doAdd = (data) => doLoad(prev => ({
+        effect: effectKey(prev.effect, data, rowKey),
+        total: prev.total + 1,
+        totalAcc: prev.totalAcc + 1,
+        list: utils_1.ArrayUtil.add(prev.list, data),
+    }));
+    const add = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const param = lodash_1.default.isFunction(AOP.beforeQuery) ? AOP.beforeQuery(data) : data;
+        const response = yield utils_1.Ajax.PUT(config.api, param);
+        if (TIP.ADD) {
+            SHOWTIP(response.code == '0', 'ADD', data, config);
+        }
+        const isSuccess = response.code == '0';
+        if (AOP.afterAdd) {
+            AOP.afterAdd(isSuccess, param, response);
+        }
+        else if (AOP.afterAll) {
+            AOP.afterAll('ADD', isSuccess, param, response);
+        }
+        if (!isSuccess)
+            throw response;
+        doAdd(response.data || param);
+        return response;
+    });
+    const doUpdate = (obj) => doLoad(prev => ({
+        effect: effectKey(prev.effect, obj, rowKey),
+        list: utils_1.ArrayUtil.update(prev.list, obj, rowKey)
+    }));
+    const update = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const param = lodash_1.default.isFunction(AOP.beforeUpdate) ? AOP.beforeUpdate(data) : data;
+        const response = yield utils_1.Ajax.PATCH(config.api, param);
+        if (TIP.UPDATE) {
+            SHOWTIP(response.code == '0', 'UPDATE', param, config);
+        }
+        const isSuccess = response.code == '0';
+        if (AOP.afterUpdate) {
+            AOP.afterUpdate(isSuccess, param, response);
+        }
+        else if (AOP.afterAll) {
+            AOP.afterAll('UPDATE', isSuccess, param, response);
+        }
+        if (!isSuccess)
+            throw response;
+        doUpdate(response.data || param);
+        return response;
+    });
+    const doDelete = (obj) => {
+        const keys = [];
+        if (lodash_1.default.isArray(obj)) {
+            obj.map(item => {
+                if (lodash_1.default.isPlainObject(item) && lodash_1.default.has(item, rowKey)) {
+                    keys.push(item[rowKey]);
+                }
+                else if (lodash_1.default.isString(item) || lodash_1.default.isNumber(item)) {
+                    keys.push(item);
+                }
+            });
+        }
+        else if (lodash_1.default.isString(obj) || lodash_1.default.isNumber(obj)) {
+            keys.push(obj);
+        }
+        else if (lodash_1.default.has(obj, rowKey)) {
+            keys.push(obj[rowKey]);
+        }
+        doLoad(prev => ({
+            list: utils_1.ArrayUtil.del(prev.list, keys, rowKey),
+            total: prev.total - keys.length,
+            totalAcc: prev.totalAcc - keys.length,
+        }));
+    };
+    const delArr = (arr) => __awaiter(void 0, void 0, void 0, function* () {
+        const keys = [];
+        arr.map(item => {
+            if (lodash_1.default.isPlainObject(item)) {
+                keys.push(item[rowKey]);
+            }
+            else if (lodash_1.default.isString(item) || lodash_1.default.isNumber(item)) {
+                keys.push(item);
+            }
+        });
+        if (keys.length == 0)
+            return;
+        let keyStr = keys.length == 1 ? keys[0] : keys.join(',');
+        const response = yield utils_1.Ajax.DELETE(config.api, { [delKey]: keyStr });
+        const isSuccess = response.code == '0';
+        if (TIP.DELETE) {
+            if (isSuccess) {
+                antd_1.message.success(utils_1.i18n.txt(Const_1.V.ACT_DELETE_SUCCESS_COUNT, keys.length + ''));
+            }
+            else {
+                antd_1.message.error(utils_1.i18n.txt(Const_1.V.ACT_DELETE_FAIL_COUNT, keys.length + ''));
+            }
+        }
+        if (isSuccess)
+            doDelete(arr);
+        return response;
+    });
+    const delSingle = (0, react_1.useCallback)((data) => __awaiter(void 0, void 0, void 0, function* () {
+        let key;
+        if (lodash_1.default.isString(data) || lodash_1.default.isNumber(data)) {
+            key = data;
+        }
+        else {
+            key = data[rowKey];
+        }
+        const response = yield utils_1.Ajax.DELETE(config.api, { [delKey]: key });
+        const isSuccess = response.code == '0';
+        if (TIP.DELETE) {
+            let obj = {};
+            if (lodash_1.default.isObject(data)) {
+                obj = data;
+            }
+            else {
+                obj = lodash_1.default.find(list, { [rowKey]: key }) || {};
+            }
+            SHOWTIP(isSuccess, 'DELETE', obj, config);
+            // let name;
+            // if (config.tipField) {
+            //     if (_.isPlainObject(data)) {
+            //         name = data[config.tipField]
+            //     } else {
+            //         let obj = _.find(list, { [rowKey]: key });
+            //         if (obj && obj[config.tipField]) {
+            //             name = obj[config.tipField];
+            //         }
+            //     }
+            // }
+        }
+        if (isSuccess)
+            doDelete(data);
+        return response;
+    }), [list]);
+    const del = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const param = lodash_1.default.isFunction(AOP.beforeDelete) ? AOP.beforeDelete(data) : data;
+        var response;
+        if (lodash_1.default.isArray(param)) {
+            response = yield delArr(param);
+        }
+        else {
+            response = yield delSingle(param);
+        }
+        const isSuccess = response.code == '0';
+        if (AOP.afterDelete) {
+            AOP.afterDelete(isSuccess, param, response);
+        }
+        else if (AOP.afterAll) {
+            AOP.afterAll('DELETE', isSuccess, param, response);
+        }
+        if (response.code != '0')
+            throw response;
+        return response;
+    });
+    return {
+        mode: 'api',
+        rowKey, cost, list, effect, pageNo, pageSize, total, totalAcc, isQuerying, param,
+        query, all, pageTo, orderBy, doLoad,
+        add, doAdd,
+        update, doUpdate,
+        del, doDelete,
+    };
+};
+exports.useApi = useApi;

package/hooks/useApiGlobal.js

@@ -0,0 +1,5 @@
+// import { useGlobal } from './useGlobal'
+// import { proxyApi } from './useApi'
+// export const useApiGlobal = (namespace: string, initValue?: {}) => {
+//     const [state, setState] = useGlobal(namespace, initValue);
+// }