vap1 0.0.1

package/components/SearchBar/_FieldType.js

@@ -0,0 +1,45 @@
+"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',
+    'timerange',
+    'timerange-single',
+    'month',
+    'monthrange',
+    'autocomplete',
+];
+// * 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            日期区间
+// * 

package/components/SearchBar/_register.d.ts

@@ -0,0 +1,65 @@
+import type { Field } from './index';
+import type { ComponentType } from 'react';
+export type SearchFieldProps = {
+    /**
+     * 宽度
+    */
+    width: string | number;
+    /**
+     * field
+    */
+    field: Field;
+    /**
+     * 选中一个项目后的回调方法
+    */
+    onChange: (value: any) => void;
+    /**
+     * 触发搜索
+    */
+    triggerSearch: () => void;
+    /**
+     * 是否禁用状态
+    */
+    disabled: boolean;
+    /**
+     * 初始数据
+    */
+    data: any;
+};
+/**
+ * 通用 SearchBar 搜索字段定义
+*/
+export type SearchFieldComponent = ComponentType<SearchFieldProps>;
+/**
+ * 组件特性
+*/
+export type SearchFieldOptions = {
+    /**
+     * 是只支持外置模式，默认为 false
+    */
+    outside?: boolean;
+    /**
+     * 字段个数， 默认为 1
+    */
+    filedNum?: number;
+    /**
+     * 默认占格 ， 默认为 1
+    */
+    defaultSpan?: number;
+};
+type SearchField = SearchFieldOptions & {
+    component: SearchFieldComponent;
+};
+/**
+ * @param type
+ *      类型名称, 支持： VTable,STable,ApiTalbe,DataTable,SearchBar
+ * @param component
+ *      输入组件，为一个React 类型，自动注入 props @see SearchFieldComponent
+ * @param options
+ *      注册选项  @see SearchBarFieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+export declare const registerSearchField: (type: string, component: SearchFieldComponent, options?: SearchFieldOptions, forceOverWrite?: boolean) => void;
+export declare const getSearchField: (type: string) => SearchField;
+export {};

package/components/SearchBar/_register.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSearchField = exports.registerSearchField = void 0;
+const _Support_1 = require("../../utils/_Support");
+const StringUtil_1 = require("../../utils/StringUtil");
+const _RegisterUtil_1 = require("../_RegisterUtil");
+const DEFAULT = { outside: false, filedNum: 1, defaultSpan: 1, };
+const _C_SEARCH_FIELD = (0, _Support_1.globalDefault)('_C_SEARCH_FIELD', new Map());
+/**
+ * @param type
+ *      类型名称, 支持： VTable,STable,ApiTalbe,DataTable,SearchBar
+ * @param component
+ *      输入组件，为一个React 类型，自动注入 props @see SearchFieldComponent
+ * @param options
+ *      注册选项  @see SearchBarFieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+const registerSearchField = (type, component, options, forceOverWrite = false) => {
+    (0, _RegisterUtil_1.register)(_C_SEARCH_FIELD, type, DEFAULT, component, options, forceOverWrite);
+};
+exports.registerSearchField = registerSearchField;
+const getSearchField = (type) => {
+    let key = (0, StringUtil_1.trimLower)(type);
+    if (_C_SEARCH_FIELD.has(key))
+        return _C_SEARCH_FIELD.get(key);
+    return _C_SEARCH_FIELD.get('text');
+};
+exports.getSearchField = getSearchField;

package/components/SearchBar/index.d.ts

@@ -0,0 +1,134 @@
+import { ActionButtons } from './ActionButtons';
+import type { PropsWithChildren, ExoticComponent } from 'react';
+import type { BaseOption, PlainObject, 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;
+};
+/**
+ *
+ * 说明，内部两个属性，暂不开放，如需使用，自行处理编译问题
+ * __innerExpand
+ * __innerOutside
+*/
+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 interface SearchBar extends ExoticComponent<PropsWithChildren<SearchBarProps>> {
+    ActionButtons: typeof ActionButtons;
+}
+export declare const SearchBar: SearchBar;

package/components/SearchBar/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const utils_1 = require("../../utils");
+const ByField_1 = require("./ByField");
+const ByKeyword_1 = require("./ByKeyword");
+const ActionButtons_1 = require("./ActionButtons");
+const _SearchBar = props => {
+    let clazz = ['c-searchbar'];
+    if (utils_1.GLOBAL.CONFIG.SEARCHBAR.REVERSE)
+        clazz.push('c-searchbar-reverse');
+    if (!lodash_1.default.isArray(props.fields) || props.fields.length == 0) {
+        if (!lodash_1.default.has(props, 'children'))
+            return react_1.default.createElement(react_1.default.Fragment, null);
+        return react_1.default.createElement("div", { className: utils_1.StringUtil.className(clazz, props.className) },
+            react_1.default.createElement("div", { className: 'c-searchbar-fields' }),
+            react_1.default.createElement("div", { className: 'c-searchbar-actions' }, props.children));
+    }
+    return react_1.default.createElement("div", { className: utils_1.StringUtil.className(clazz, props.className) },
+        (utils_1.GLOBAL.CONFIG.SEARCHBAR.DISABLE_KEYWORD
+            || !lodash_1.default.has(props, 'keyword') ||
+            props.keyword == undefined) ? react_1.default.createElement(ByField_1.SearchBarByField, Object.assign({}, props)) :
+            react_1.default.createElement(ByKeyword_1.SearchBarByKeyword, Object.assign({}, props)),
+        react_1.default.createElement("div", { className: 'c-searchbar-actions' }, props.children));
+};
+;
+exports.SearchBar = _SearchBar;
+exports.SearchBar.ActionButtons = ActionButtons_1.ActionButtons;

package/components/Tables/ApiTable.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BaseTableProps } from './index';
+import type { ApiModel } from '../../hooks/_list';
+import type { ApiOption } from '../../hooks/useApi';
+export type ApiTableProps = BaseTableProps & Pick<ApiOption, 'api' | 'aop' | 'tipDisabled' | 'tipField'>;
+export declare const ApiTable: React.ForwardRefExoticComponent<import("./index").TableDefine & {
+    mode?: import("../Box/Box").BoxMode;
+    columns: import("./index").TableColumn[];
+    showIndex?: string | false;
+    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("../SearchBar").SearchBarProps, "onChange" | "onSearch">;
+    default?: import("../..").PlainObject;
+    autoLoad?: false;
+} & Pick<ApiOption, "api" | "aop" | "tipDisabled" | "tipField"> & React.RefAttributes<ApiModel>>;

package/components/Tables/ApiTable.js

@@ -0,0 +1,48 @@
+"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.ApiTable = void 0;
+const react_1 = __importStar(require("react"));
+const useApi_1 = require("../../hooks/useApi");
+const VTable_1 = require("./VTable");
+exports.ApiTable = react_1.default.forwardRef((props, ref) => {
+    const option = {
+        api: props.api,
+        rowKey: props.rowKey,
+        param: props.default,
+        aop: props.aop,
+        tipDisabled: props.tipDisabled,
+        tipField: props.tipField,
+    };
+    if (props.pagination && props.pagination.pageSize)
+        option.pageSize = props.pagination.pageSize;
+    const model = (0, useApi_1.useApi)(option);
+    (0, react_1.useEffect)(() => {
+        if (ref) {
+            ref.current = model;
+        }
+    }, [ref]);
+    return react_1.default.createElement(VTable_1.VTable, Object.assign({}, props, { model: model }));
+});

package/components/Tables/ApiTableModal.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { VModalProps } from '../_adapt/Modal';
+import type { ApiTableProps } from './ApiTable';
+import type { ApiModel } from '../../hooks/_list';
+export type ApiTableModalProps = ApiTableProps & VModalProps;
+export declare const ApiTableModal: React.ForwardRefExoticComponent<import(".").TableDefine & {
+    mode?: import("../Box/Box").BoxMode;
+    columns: import(".").TableColumn[];
+    showIndex?: string | false;
+    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("../SearchBar").SearchBarProps, "onChange" | "onSearch">;
+    default?: import("../..").PlainObject;
+    autoLoad?: false;
+} & Pick<import("../../hooks/useApi").ApiOption, "api" | "aop" | "tipDisabled" | "tipField"> & Omit<import("antd/es/modal").ModalProps, "visible" | "onCancel" | "onOk"> & {
+    open?: boolean;
+    onOk?: (data?: import("../..").PlainObject) => void;
+    onCancel?: () => void;
+} & React.RefAttributes<ApiModel>>;

package/components/Tables/ApiTableModal.js

@@ -0,0 +1,73 @@
+"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.ApiTableModal = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Modal_1 = require("../_adapt/Modal");
+const ApiTable_1 = require("./ApiTable");
+const utils_1 = require("../../utils");
+const API_TABLE_PROPERTIES = [
+    'api', 'aop', 'tipDisabled', 'tipField',
+    'mode', 'columns', 'showIndex', 'rowKey', 'select', 'selectDisabled', 'actionBar', 'selectBar', 'searchBar', 'default', 'autoLoad'
+];
+exports.ApiTableModal = react_1.default.forwardRef((props, ref) => {
+    const modalProps = lodash_1.default.omit(props, API_TABLE_PROPERTIES);
+    const tableProps = lodash_1.default.pick(props, API_TABLE_PROPERTIES);
+    const [tableKey, updateKey] = (0, react_1.useState)(utils_1.StringUtil.genKey());
+    (0, react_1.useLayoutEffect)(() => {
+        if (props.open)
+            updateKey(utils_1.StringUtil.genKey());
+    }, [props.open]);
+    if (modalProps.className) {
+        modalProps.className += ' v-tablemodal';
+    }
+    else {
+        modalProps.className = 'v-tablemodal';
+    }
+    if (tableProps.pagination) {
+        if (!lodash_1.default.has(tableProps.pagination, 'pageSize')) {
+            tableProps.pagination.pageSize = utils_1.GLOBAL.CONFIG.PAGINATION.SIZE_SMALL;
+        }
+    }
+    else {
+        tableProps.pagination = { pageSize: utils_1.GLOBAL.CONFIG.PAGINATION.SIZE_SMALL };
+    }
+    // if (props.height) {
+    //     if (modalProps.bodyStyle) {
+    //         modalProps.bodyStyle.height = props.height;
+    //     } else {
+    //         modalProps.bodyStyle = { height: props.height };
+    //     }
+    //     tableProps.mode = "inner";
+    // }
+    // if (props.width && ) {
+    // }
+    return react_1.default.createElement(Modal_1.Modal, Object.assign({ footer: null }, modalProps),
+        react_1.default.createElement(ApiTable_1.ApiTable, Object.assign({ key: tableKey }, tableProps, { ref: ref })));
+});

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { Key, PlainObject } from '../../../basetype';
+import type { ActButton } from '../../SearchBar/ActionButtons';
+import type { MutableRefObject } from 'react';
+export type TableAction = (ids?: Key[], objs?: PlainObject[], param?: PlainObject) => void;
+/**
+ * VTable Button 区域点击后的方法，支持三个参数
+ * @param ids 如果当前有选条目，则为选中条目的ID列表
+ * @param objs 如果当前有选条目，则为选中条目的对象信息
+ * @param param 当前表格的查询参数
+*/
+export type TableActionButton = Omit<ActButton, 'onClick' | 'children'> & {
+    /**
+     * 点击事件
+    */
+    onClick: TableAction;
+    /**
+     * 必须要选中才能点
+    */
+    mustSelected?: true;
+    /**
+     * 说明 ： 最多支持2级子菜单，不能递归
+    */
+    children?: TableActionButton[];
+};
+export type SelectFunction = {
+    selected: [Key[], PlainObject[]];
+    onSelected: () => void;
+};
+type TableActionBar = {
+    buttons: (TableActionButton | null | false)[];
+    queryParam: PlainObject;
+    selectedRef: MutableRefObject<SelectFunction>;
+};
+export declare const ActionBar: React.FC<TableActionBar>;
+/**
+ * 通用添加按钮
+*/
+export declare const BUTTON_ADD: (onClick: TableAction, props?: Partial<TableActionButton>) => TableActionButton;
+/**
+ * 通用删除按钮
+*/
+export declare const BUTTON_DELETE: (onClick: TableAction, props?: Partial<TableActionButton>) => TableActionButton;
+/**
+ * 通用更多按钮，需要传子菜单
+*/
+export declare const BUTTON_MORE: (children: TableActionButton[]) => TableActionButton;
+/**
+ * 通用导入按钮
+*/
+export declare const BUTTON_IMPORT: (onClick: TableAction, props?: Partial<TableActionButton>) => ActButton;
+/**
+ * 通用导出按钮
+*/
+export declare const BUTTON_EXPORT: (onClick: TableAction, props?: Partial<TableActionButton>) => ActButton;
+export {};

package/components/Tables/Components/ActionBar.js

@@ -0,0 +1,100 @@
+"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.BUTTON_EXPORT = exports.BUTTON_IMPORT = exports.BUTTON_MORE = exports.BUTTON_DELETE = exports.BUTTON_ADD = exports.ActionBar = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const ActionButtons_1 = require("../../SearchBar/ActionButtons");
+const Const_1 = require("../../_setup/Const");
+const i18n_1 = require("../../../utils/i18n");
+const hooks_1 = require("../../../hooks");
+const convertButton = (item, selectedRowKeys, selectedObjects, queryParam) => {
+    let btn = Object.assign({}, item);
+    if (item.mustSelected)
+        btn.disabled = selectedRowKeys.length <= 0;
+    if (item.onClick)
+        btn.onClick = () => item.onClick(selectedRowKeys, selectedObjects, queryParam);
+    return btn;
+};
+const ActionBar = props => {
+    const update = (0, hooks_1.useUpdate)();
+    (0, react_1.useLayoutEffect)(() => {
+        props.selectedRef.current.onSelected = () => {
+            update();
+        };
+    }, []);
+    let buttons = [];
+    const [selectedRowKeys, selectedObjects] = props.selectedRef.current.selected;
+    (props.buttons || []).map(btn => {
+        if (btn === false)
+            return;
+        if (btn === null) {
+            buttons.push(null);
+            return;
+        }
+        let sub = convertButton(btn, selectedRowKeys, selectedObjects, props.queryParam);
+        if (lodash_1.default.isArray(btn.children) && btn.children.length > 0) {
+            sub.children = [];
+            btn.children.map(item => {
+                sub.children.push(convertButton(item, selectedRowKeys, selectedObjects, props.queryParam));
+            });
+        }
+        buttons.push(sub);
+    });
+    return react_1.default.createElement(ActionButtons_1.ActionButtons, { buttons: buttons });
+};
+exports.ActionBar = ActionBar;
+/**
+ * 通用添加按钮
+*/
+const BUTTON_ADD = (onClick, props) => (Object.assign(Object.assign({ label: (0, i18n_1.txt)(Const_1.V.ACT_ADD), icon: 'plus', type: 'primary' }, props), { onClick }));
+exports.BUTTON_ADD = BUTTON_ADD;
+/**
+ * 通用删除按钮
+*/
+const BUTTON_DELETE = (onClick, props) => (Object.assign(Object.assign({ label: (0, i18n_1.txt)(Const_1.V.ACT_DELETE), icon: 'delete', danger: true, mustSelected: true, confirm: (0, i18n_1.txt)(Const_1.V.ACT_DELETE_BATCH) }, props), { onClick }));
+exports.BUTTON_DELETE = BUTTON_DELETE;
+/**
+ * 通用更多按钮，需要传子菜单
+*/
+const BUTTON_MORE = (children) => ({
+    label: (0, i18n_1.txt)(Const_1.V.BTN_MORE),
+    onClick: null,
+    children
+});
+exports.BUTTON_MORE = BUTTON_MORE;
+/**
+ * 通用导入按钮
+*/
+const BUTTON_IMPORT = (onClick, props) => (Object.assign(Object.assign({ label: (0, i18n_1.txt)(Const_1.V.BTN_IMPORT), icon: 'import' }, props), { onClick }));
+exports.BUTTON_IMPORT = BUTTON_IMPORT;
+/**
+ * 通用导出按钮
+*/
+const BUTTON_EXPORT = (onClick, props) => (Object.assign(Object.assign({ label: (0, i18n_1.txt)(Const_1.V.BTN_EXPORT), icon: 'export' }, props), { onClick }));
+exports.BUTTON_EXPORT = BUTTON_EXPORT;

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { TableColumn } from '../index';
+import type { BaseItem } from '../../../basetype';
+/**
+ * 表格通用操作，目前支持查看，编辑，删除
+*/
+export type ActionPorps = BaseItem & {
+    /**
+     * 对象名称
+    */
+    name?: string;
+    /**
+     * 标题文字，默认
+    */
+    title?: string;
+    /**
+     * 点击方法
+    */
+    onClick: () => void;
+};
+/**
+ * 自定义操作
+*/
+export type CustomAcitonProps = ActionPorps & {
+    /**
+     * 在自定义操作中，title 为必填项
+    */
+    title: string;
+    /**
+     * 图标ICON，
+    */
+    icon?: string;
+    /**
+     * 自定义操作的样式，可以为 'INFO' | 'EDIT' | 'DELETE'
+     * 仅改变操作的颜色，如果是DELETE 样式，建议再传入 confrim
+    */
+    type?: 'INFO' | 'EDIT' | 'DELETE';
+    /**
+     * 自定义操作的二次确认提示
+    */
+    confrim?: React.ReactNode;
+};
+export declare const INFO: React.FC<ActionPorps>;
+export declare const EDIT: React.FC<ActionPorps>;
+export declare const DELETE: React.FC<ActionPorps>;
+export declare const ACTION: React.FC<CustomAcitonProps>;
+export declare const COL_OPERACTION: (props: TableColumn | ((value: any, record: any, index: number) => React.ReactNode)) => TableColumn;