vap1 0.4.7 → 0.5.0

package/components/SearchTool/SearchBar/type.d.ts

@@ -0,0 +1,133 @@
+import type { PlainObject, BaseOption, BaseItem } from '../../../basetype';
+/**
+ *
+| 类型 | 说明 |
+| ---  | --- |
+| text ||
+ *
+*/
+export declare const _FieldType: readonly ["text", "number", "select", "multi-select", "radio", "radio-button", "checkbox", "switch", "date", "daterange", "daterange-single", "datetime", "datetimerange", "datetimerange-single", "month", "monthrange", "stree-select", "dtree-select", "ftree-select", "multi-stree-select", "multi-dtree-select", "multi-ftree-select", "autocomplete"];
+/**
+ * 当没有指定 keyword时，SearchBar的配置参数
+ * 指字 keyword 时，将出以弹出方式展示
+*/
+export type SearchBarByFieldProps = {
+    /**
+     * 禁用
+    */
+    disabled?: boolean;
+    /**
+     * searchBar扩展类名称
+     */
+    className?: string;
+    /**
+     * 1. 传一个字，代表 inside 模式宽度
+     * 2. 传一个数字数组，
+     *      代表 outside 模式 [label宽度，input宽度]
+     *      或是 inside 模式加各的结果
+     */
+    fieldWidth?: number | [number, number];
+    /**
+     * 搜索参数
+     */
+    fields?: Field[];
+    /**
+     * 搜索参数支持的列，最多支持4，默认为3
+     */
+    cols?: 1 | 2 | 3 | 4;
+    /**
+     * 变量有变动时使用
+    */
+    onChange?: (param: PlainObject) => void;
+    /**
+     * 搜索被触发时
+     */
+    onSearch: (param: PlainObject) => void;
+    /**
+     * 显示更多时触发
+     */
+    onExpand?: (isShowMore: boolean) => void;
+    /**
+     * 默认参数
+     */
+    default?: any;
+    /**
+     * 用于单独使用时，不需要按钮的情况
+    */
+    hideAction?: boolean;
+};
+export type KeyWord = true | {
+    /**
+     * 提示，默认为 "请填写关键字"
+    */
+    placeholder?: string;
+    /**
+     * 需要高亮的字段
+     * 高亮设定： 说明：高亮设定后， column 指定的 render 会失效
+    */
+    highlight?: string[];
+};
+export type SearchBarProps = SearchBarByFieldProps & {
+    keyword?: KeyWord;
+};
+/**
+ * 搜索条件字段
+*/
+export type Field = BaseItem & {
+    /**
+     * api通信对应条件的字段
+     */
+    field: string;
+    /**
+     * 字段标签
+     */
+    label: string;
+    /**
+     * 默认为1，最多为3，超过3按3算，小于1 按1算，
+     * 可以参考 antd Descriptions / DescriptionItem 里面文档里面的 span 的用法
+     *  */
+    span?: number;
+    /**
+     * 字段类型，目前支持
+     * text                文本输入（默认）
+     * number               文本输入（数字）
+     * autocomplete          文本输入（自动完成）
+     * select               普通选择器
+     * multiselect          多项选择器
+     * dictselect           字典选择器（必须指定字典ID）
+     * treeselect           静态树选择器（暂不支持动态树）
+     * inputselect          输入框，但有辅助选项
+     * radio                单选框（强㓡使用外置Label）
+     * checkbox             复选框（强制使用外围Label）
+     * datetime             时间（如 2010-06-25 12:00:00）
+     * date                 日期 (如 2010-06-25)
+     * month                月份 (如 2010-06-01) 返回选择月份的首日
+     * timerange            时间区间
+     * daterange            日期区间
+     *
+     *
+     * 支持中：
+     * radiomore            单选，可自定义更多
+     * switch               双状态切换
+     * sider                区间划动
+    */
+    type?: typeof _FieldType[number] | (string & {});
+    /**
+     * 输入框里面的提示
+     */
+    placeholder?: string;
+    /**
+     * 是否可以清除 支持 text
+     *  */
+    allowClear?: boolean;
+    /**
+     * select / multiselect / radio / checkbox 时，需要带的选项
+     * 使用方法1: 传入一个数组 ，以 {name:string,value:string|number} 的结构传入
+     * 使用方法2: 传入一个对象， 以 data: any[] 传入选项数据，再指定 name : stirng, value ： string 来指定需要显示在页面的名称和选中后的取值
+     */
+    options?: BaseOption[];
+    /**
+     * 扩展属性,具体使用方法后续说明
+     *  */
+    config?: any;
+};

package/components/SearchTool/SearchBar/type.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._FieldType = void 0;
+/**
+ *
+| 类型 | 说明 |
+| ---  | --- |
+| text ||
+ *
+*/
+exports._FieldType = [
+    'text',
+    'number',
+    'select',
+    'multi-select',
+    'radio',
+    'radio-button',
+    'checkbox',
+    'switch',
+    'date',
+    'daterange',
+    'daterange-single',
+    'datetime',
+    'datetimerange',
+    'datetimerange-single',
+    'month',
+    'monthrange',
+    'stree-select',
+    'dtree-select',
+    'ftree-select',
+    'multi-stree-select',
+    'multi-dtree-select',
+    'multi-ftree-select',
+    'autocomplete',
+];

package/components/SearchTool/index.d.ts

@@ -1,63 +1,5 @@
-import type { BaseOption, BaseItem } from '../../basetype';
-import type { _FieldType } from './_FieldType';
-/**
- * 搜索条件字段
-*/
-export type Field = BaseItem & {
-    /**
-     * api通信对应条件的字段
-     */
-    field: string;
-    /**
-     * 字段标签
-     */
-    label: string;
-    /**
-     * 默认为1，最多为3，超过3按3算，小于1 按1算，
-     * 可以参考 antd Descriptions / DescriptionItem 里面文档里面的 span 的用法
-     *  */
-    span?: number;
-    /**
-     * 字段类型，目前支持
-     * text                文本输入（默认）
-     * number               文本输入（数字）
-     * autocomplete          文本输入（自动完成）
-     * select               普通选择器
-     * multiselect          多项选择器
-     * dictselect           字典选择器（必须指定字典ID）
-     * treeselect           静态树选择器（暂不支持动态树）
-     * inputselect          输入框，但有辅助选项
-     * radio                单选框（强㓡使用外置Label）
-     * checkbox             复选框（强制使用外围Label）
-     * datetime             时间（如 2010-06-25 12:00:00）
-     * date                 日期 (如 2010-06-25)
-     * month                月份 (如 2010-06-01) 返回选择月份的首日
-     * timerange            时间区间
-     * daterange            日期区间
-     *
-     *
-     * 支持中：
-     * radiomore            单选，可自定义更多
-     * switch               双状态切换
-     * sider                区间划动
-    */
-    type?: typeof _FieldType[number] | (string & {});
-    /**
-     * 输入框里面的提示
-     */
-    placeholder?: string;
-    /**
-     * 是否可以清除 支持 text
-     *  */
-    allowClear?: boolean;
-    /**
-     * select / multiselect / radio / checkbox 时，需要带的选项
-     * 使用方法1: 传入一个数组 ，以 {name:string,value:string|number} 的结构传入
-     * 使用方法2: 传入一个对象， 以 data: any[] 传入选项数据，再指定 name : stirng, value ： string 来指定需要显示在页面的名称和选中后的取值
-     */
-    options?: BaseOption[];
-    /**
-     * 扩展属性,具体使用方法后续说明
-     *  */
-    config?: any;
-};
+export { SearchBand } from './SearchBand';
+export type { SearchBandProps, SearchBandFiled } from './SearchBand/type';
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps, } from './SearchBar/type';
+export { Field } from './SearchBar/type';

package/components/SearchTool/index.js

@@ -1,2 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = exports.SearchBand = void 0;
+var SearchBand_1 = require("./SearchBand");
+Object.defineProperty(exports, "SearchBand", { enumerable: true, get: function () { return SearchBand_1.SearchBand; } });
+var SearchBar_1 = require("./SearchBar");
+Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });

package/components/Tables/ApiTable.d.ts

@@ -3,16 +3,14 @@ import type { BaseTableProps } from './index';
 import type { ApiModel } from '../../hooks/_list';
 import type { ApiOption } from '../../hooks/useApiBase';
 export type ApiTableProps = BaseTableProps & Pick<ApiOption, 'api' | 'aop' | 'tipDisabled' | 'tipField'>;
-export declare const ApiTable: React.ForwardRefExoticComponent<import("./index").TableDefine & {
-    mode?: import("../Box/Box").BoxMode;
+export declare const ApiTable: React.ForwardRefExoticComponent<import("./index").TableDefine & Pick<import("../..").BoxProps, "default" | "mode" | "selectBar"> & {
+    searchBar?: Omit<import("../SearchTool").SearchBarProps, "onChange" | "onSearch">;
+} & {
     columns: import("./index").TableCol[];
-    showIndex?: string | false;
+    showIndex?: false | string;
     rowKey?: string;
     select?: true | "DEFAULT" | "QUERY";
     selectDisabled?: (record: any) => boolean;
-    actionBar?: React.ReactNode | import("./Components/ActionBar").TableActionButton[];
-    selectBar?: import("../Box/SelectBar").SelectBarProps;
-    searchBar?: Omit<import("../..").SearchBarProps, "onChange" | "onSearch">;
-    default?: import("../..").PlainObject;
+    actionBar?: Array<import("./Components/ActionBar").TableActionButton[]> | React.ReactNode;
     autoLoad?: false;
 } & Pick<ApiOption, "api" | "tipField" | "tipDisabled" | "aop"> & React.RefAttributes<ApiModel>>;

package/components/Tables/ApiTable.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApiTable = void 0;
 var react_1 = __importStar(require("react"));

package/components/Tables/ApiTableModal.d.ts

@@ -3,17 +3,15 @@ import type { ModalProps } from '../_adapt/Modal';
 import type { ApiTableProps } from './ApiTable';
 import type { ApiModel } from '../../hooks/_list';
 export type ApiTableModalProps = ApiTableProps & ModalProps;
-export declare const ApiTableModal: React.ForwardRefExoticComponent<import(".").TableDefine & {
-    mode?: import("../Box/Box").BoxMode;
+export declare const ApiTableModal: React.ForwardRefExoticComponent<import(".").TableDefine & Pick<import("../..").BoxProps, "default" | "mode" | "selectBar"> & {
+    searchBar?: Omit<import("../SearchTool").SearchBarProps, "onChange" | "onSearch">;
+} & {
     columns: import(".").TableCol[];
-    showIndex?: string | false;
+    showIndex?: false | string;
     rowKey?: string;
     select?: true | "DEFAULT" | "QUERY";
     selectDisabled?: (record: any) => boolean;
-    actionBar?: React.ReactNode | import("./Components/ActionBar").TableActionButton[];
-    selectBar?: import("../Box/SelectBar").SelectBarProps;
-    searchBar?: Omit<import("../..").SearchBarProps, "onChange" | "onSearch">;
-    default?: import("../..").PlainObject;
+    actionBar?: Array<import("./Components/ActionBar").TableActionButton[]> | React.ReactNode;
     autoLoad?: false;
 } & Pick<import("../../hooks/useApiBase").ApiOption, "api" | "tipField" | "tipDisabled" | "aop"> & Omit<import("antd/es/modal").ModalProps, "visible" | "onCancel" | "onOk"> & {
     open?: boolean;

package/components/Tables/ApiTableModal.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;

package/components/Tables/Components/ActionBar.d.ts

@@ -1,4 +1,4 @@
-import type { FC, MutableRefObject } from 'react';
+import type { FC } from 'react';
 import type { Key, PlainObject } from '../../../basetype';
 import type { ActButton } from '../../SearchTool/SearchBar/ActionButtons';
 export type TableAction = (ids?: Key[], objs?: PlainObject[], param?: PlainObject) => void;
@@ -22,16 +22,13 @@ export type TableActionButton = Omit<ActButton, 'onClick' | 'children'> & {
     */
     children?: TableActionButton[];
 };
-export type SelectFunction = {
-    selected: [Key[], PlainObject[]];
-    onSelected: () => void;
+type TableActionBarProps = {
+    buttons: Array<TableActionButton | null | false>;
 };
-type TableActionBar = {
-    buttons: (TableActionButton | null | false)[];
-    queryParam: PlainObject;
-    selectedRef: MutableRefObject<SelectFunction>;
-};
-export declare const ActionBar: FC<TableActionBar>;
+/**
+ * 说明： 此ActionBar 仅供VTable使用
+ * */
+export declare const VTableActionBar: FC<TableActionBarProps>;
 /**
  * 通用添加按钮
 */

package/components/Tables/Components/ActionBar.js

@@ -26,79 +26,76 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BUTTON_EXPORT = exports.BUTTON_IMPORT = exports.BUTTON_MORE = exports.BUTTON_DELETE = exports.BUTTON_ADD = exports.ActionBar = void 0;
+exports.BUTTON_EXPORT = exports.BUTTON_IMPORT = exports.BUTTON_MORE = exports.BUTTON_DELETE = exports.BUTTON_ADD = exports.VTableActionBar = void 0;
 var react_1 = __importStar(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var ActionButtons_1 = require("../../SearchTool/SearchBar/ActionButtons");
 var _i18n_1 = require("../../_i18n");
 var i18n_1 = require("../../../utils/i18n");
-var hooks_1 = require("../../../hooks");
-var convertButton = function (item, selectedRowKeys, selectedObjects, queryParam) {
+var useTableContext_1 = require("./useTableContext");
+var convertButton = function (item, selectedRowKeys, contextRef) {
     var btn = __assign({}, item);
     if (item.mustSelected)
         btn.disabled = selectedRowKeys.length <= 0;
     if (item.onClick)
-        btn.onClick = function () { return item.onClick(selectedRowKeys, selectedObjects, queryParam); };
+        btn.onClick = function () {
+            item.onClick(contextRef.current.selectedRowKeys, contextRef.current.selectedObjects, contextRef.current.param);
+        };
     return btn;
 };
-var ActionBar = function (props) {
-    var update = (0, hooks_1.useUpdate)();
-    (0, react_1.useLayoutEffect)(function () {
-        props.selectedRef.current.onSelected = function () {
-            update();
-        };
-    }, []);
-    var _a = __read(props.selectedRef.current.selected, 2), selectedRowKeys = _a[0], selectedObjects = _a[1];
+/**
+ * 说明： 此ActionBar 仅供VTable使用
+ * */
+var VTableActionBar = function (props) {
+    var _a = (0, useTableContext_1.useTableContext)(), selectedRowKeys = _a.selectedRowKeys, selectedObjects = _a.selectedObjects, param = _a.param;
+    var contextRef = (0, react_1.useRef)({ selectedRowKeys: selectedRowKeys, selectedObjects: selectedObjects, param: param });
+    (0, react_1.useEffect)(function () {
+        contextRef.current = { selectedRowKeys: selectedRowKeys, selectedObjects: selectedObjects, param: param };
+    }, [selectedRowKeys, selectedObjects, param]);
     var buttons = (0, react_1.useMemo)(function () {
         var btns = [];
-        (props.buttons || []).map(function (btn) {
+        (props.buttons || []).forEach(function (btn) {
             if (btn === false)
                 return;
             if (btn === null) {
                 btns.push(null);
                 return;
             }
-            var sub = convertButton(btn, selectedRowKeys, selectedObjects, props.queryParam);
+            var sub = convertButton(btn, selectedRowKeys, contextRef);
             if (lodash_1.default.isArray(btn.children) && btn.children.length > 0) {
                 sub.children = [];
                 btn.children.map(function (item) {
-                    sub.children.push(convertButton(item, selectedRowKeys, selectedObjects, props.queryParam));
+                    sub.children.push(convertButton(item, selectedRowKeys, contextRef));
                 });
             }
             btns.push(sub);
         });
         return btns;
-    }, [selectedRowKeys, props.buttons, props.queryParam]);
+    }, [props.buttons, selectedRowKeys]);
     return react_1.default.createElement(ActionButtons_1.ActionButtons, { buttons: buttons });
 };
-exports.ActionBar = ActionBar;
+exports.VTableActionBar = VTableActionBar;
 /**
  * 通用添加按钮
 */
@@ -128,3 +125,39 @@ 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/Actions.d.ts

@@ -42,6 +42,8 @@ export type CustomAcitonProps = ActionPorps & {
 };
 export declare const INFO: FC<ActionPorps>;
 export declare const EDIT: FC<ActionPorps>;
-export declare const DELETE: FC<ActionPorps>;
+export declare const DELETE: FC<ActionPorps & {
+    confirm?: ReactNode;
+}>;
 export declare const ACTION: FC<CustomAcitonProps>;
 export declare const COL_OPERACTION: (props: TableColumn | ((value: any, record: any, index: number) => ReactNode)) => TableColumn;

package/components/Tables/Components/Actions.js

@@ -10,12 +10,45 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.COL_OPERACTION = exports.ACTION = exports.DELETE = exports.EDIT = exports.INFO = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var Popconfirm_1 = require("../../_adapt/Popconfirm");
 var Icon_1 = require("../../_adapt/Icon");
@@ -48,8 +81,12 @@ var DELETE = function (props) {
     if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
         return utils_1.Const.NONE;
     var title = utils_1.i18n.getText(props.ik, props.title, _i18n_1.V.ACT_DELETE);
-    var popTitle = utils_1.i18n.txt(_i18n_1.V.ACT_DELETE_CONFIRM, props.name || '');
-    return react_1.default.createElement(Popconfirm_1.Popconfirm, { onConfirm: function (e) { return utils_1.PageUtil.stopEvent(e, function () { return props.onClick(); }); }, placement: "right", title: react_1.default.createElement("span", null, popTitle), overlayClassName: 'c-table-action-confirm' },
+    var popTitle = (0, react_1.useMemo)(function () {
+        if (props.confirm)
+            return props.confirm;
+        return react_1.default.createElement("span", null, utils_1.i18n.txt(_i18n_1.V.ACT_DELETE_CONFIRM, props.name || ''));
+    }, []);
+    return react_1.default.createElement(Popconfirm_1.Popconfirm, { onConfirm: function (e) { return utils_1.PageUtil.stopEvent(e, function () { return props.onClick(); }); }, placement: "right", title: popTitle, overlayClassName: 'c-table-action-confirm' },
         react_1.default.createElement("span", { className: DEFAULT_CLASS.DELETE, title: "".concat(title, " ").concat(props.name || '') },
             react_1.default.createElement(Icon_1.Icon, { type: 'delete' }),
             react_1.default.createElement("span", null, title)));

package/components/Tables/Components/index.d.ts

@@ -6,7 +6,9 @@ export declare const defineTable: (table: TableDefined) => void;
 export type TableDefined = {
     INFO: FC<ActionPorps>;
     EDIT: FC<ActionPorps>;
-    DELETE: FC<ActionPorps>;
+    DELETE: FC<ActionPorps & {
+        confirm?: ReactNode;
+    }>;
     ACTION: FC<CustomAcitonProps>;
     COL_OPERACTION: (props: TableColumn | ((value: any, record: any, index: number) => ReactNode)) => TableColumn;
     BUTTON_ADD: (onClick: TableAction, props?: Partial<TableActionButton>) => TableActionButton;

package/components/Tables/Components/useTableContext.d.ts

@@ -0,0 +1,16 @@
+import type { VTableProps } from '../VTable';
+import type { FC, PropsWithChildren } from 'react';
+export type TableContext = {
+    selectedRowKeys: Array<string | number>;
+    selectedObjects: Array<any>;
+    param: any;
+};
+type TableAction = {
+    setParam: (param: any, clean?: boolean) => void;
+    setSelection: (selectedRowKeys: string[], selectedObjects: any[]) => void;
+    initObjects: (List: Array<any>) => void;
+    reflushPage: (List: Array<any>) => void;
+};
+export declare const TableContextWrapper: FC<PropsWithChildren<Pick<VTableProps, 'default' | 'defaultSelectedKeys' | 'rowKey'>>>;
+export declare const useTableContext: () => TableContext & TableAction;
+export {};