villianjs-pro 1.0.0 → 1.0.1

package/dist/ProTable2/types.d.ts

@@ -1,11 +1,239 @@
 import * as React from "react";
 import type { SizeType } from "antd/es/config-provider/SizeContext";
-import { type ProTableProps as AntdProTableProps } from "@ant-design/pro-components";
+import { type ProTableProps as AntdProTableProps, type ProColumns } from "@ant-design/pro-components";
+import type { Key } from "react";
+import type { ButtonGroupItem } from "../ButtonGroup";
+import type { DrawerProps } from "antd";
 import type { FormSchema } from "@ant-design/pro-form/es/components/SchemaForm/typing";
+import type { ProFormColumnsType } from "../Form/types";
+import type { ModalProps } from "../Modal/components/antd";
+/**
+ * 表格操作模式
+ */
+export type VlianTableMode = "modal" | "drawer" | "router";
+/**
+ * 操作类型
+ */
+export type OperationType = "list" | "create" | "update" | "view";
+/**
+ * 视图显示模式
+ */
+export type ViewMode = "table" | "grid";
+/**
+ * 网格卡片渲染函数
+ */
+export type GridCardRender<T = any> = (record: T, index: number) => React.ReactNode;
+/**
+ * 提取 FormSchema 的 submitter 类型
+ */
+type FormSchemaSubmitter<T, ValueType extends string = 'text'> = FormSchema<T, ValueType>['submitter'];
 /**
  * 搜索表单类型
  */
 export type SearchType = Extract<FormSchema["layoutType"], "QueryFilter" | "Form">;
+/**
+ * ProTableSearch 组件属性
+ * 继承 FormSchema 的所有属性，并扩展自定义属性
+ */
+export type ProTableSearchProps<T = Record<string, any>, ValueType extends string = 'text'> = Omit<FormSchema<T, ValueType>, 'layoutType' | 'submitter' | 'columns'> & {
+    /**
+     * @description 布局类型
+     * @default Form
+     */
+    layoutType?: SearchType;
+    /**
+     * @description 表单列配置（支持 ProColumns 和 ProFormColumnsType）
+     * @default []
+     */
+    columns?: ProColumns<T, ValueType>[] | ProFormColumnsType<T, ValueType>[];
+    /**
+     * @description 标签宽度
+     * @default auto
+     */
+    labelWidth?: string | number;
+    /**
+     * @description 标签布局属性
+     */
+    labelCol?: React.CSSProperties;
+    /**
+     * @description 提交按钮配置，设置为 false 时隐藏提交按钮
+     */
+    submitter?: FormSchemaSubmitter<T, ValueType> | {
+        /**
+         * @description 自定义渲染提交按钮
+         */
+        render?: false | ((props: any, doms: React.ReactNode[]) => React.ReactNode);
+        /**
+         * @description 搜索配置
+         */
+        searchConfig?: {
+            /**
+             * @description 提交按钮文本
+             */
+            submitText?: string;
+            /**
+             * @description 重置按钮文本
+             */
+            resetText?: string;
+        };
+        [key: string]: any;
+    };
+};
+/**
+ * 搜索配置
+ */
+export type SearchConfig<T = Record<string, any>, ValueType = "text"> = {
+    /**
+     * @description 布局类型
+     * @default Form
+     */
+    layoutType?: SearchType;
+    /**
+     * @description 表单布局
+     * @default inline
+     */
+    layout?: "horizontal" | "vertical" | "inline";
+    /**
+     * @description 搜索表单其他属性（排除 columns，因为 columns 由表格 columns 自动生成）
+     */
+    searchProps?: Omit<ProTableSearchProps<T, ValueType extends string ? ValueType : "text">, "columns" | "layoutType" | "layout">;
+};
+/**
+ * 操作按钮配置
+ */
+export interface HeaderButtonItem extends Omit<ButtonGroupItem, 'key' | 'onClick' | 'disabled'> {
+    /**
+     * @description 按钮 key
+     */
+    key?: string;
+    /**
+     * @description 按钮是否可见（支持函数形式，根据 selectedRowKeys 动态判断）
+     */
+    visible?: boolean | ((selectKeys: Key[]) => boolean);
+    /**
+     * @description 按钮是否禁用（支持函数形式，根据 selectedRowKeys 动态判断）
+     */
+    disabled?: boolean | ((selectKeys: Key[]) => boolean);
+    /**
+     * @description 点击回调
+     */
+    onClick?: (selectKeys: Key[]) => void | Promise<void>;
+}
+/**
+ * 操作行按钮配置
+ */
+export interface RowButtonItem<T = any> extends Omit<ButtonGroupItem, 'key' | 'onClick' | 'disabled'> {
+    /**
+     * @description 按钮 key
+     */
+    key?: string;
+    /**
+     * @description 按钮是否可见
+     */
+    visible?: boolean | ((record: T, index: number) => boolean);
+    /**
+     * @description 按钮是否禁用
+     */
+    disabled?: boolean | ((record: T, index: number) => boolean);
+    /**
+     * @description 点击回调
+     */
+    onClick?: (record: T, index: number) => void | Promise<void>;
+}
+/**
+ * 操作内容渲染函数
+ */
+export type OperationContentRender<T = any> = (params: {
+    type: OperationType;
+    record?: T;
+    onClose: () => void;
+    onSuccess?: () => void;
+}) => React.ReactNode;
+/**
+ * 表单底部渲染函数
+ */
+export type FormFooterRender<T = any> = (params: {
+    /**
+     * @description 操作类型
+     */
+    type: OperationType;
+    /**
+     * @description 当前记录
+     */
+    record?: T;
+    /**
+     * @description 表单实例
+     */
+    form: any;
+    /**
+     * @description 提交处理
+     */
+    onSubmit: () => void;
+    /**
+     * @description 取消处理
+     */
+    onCancel: () => void;
+    /**
+     * @description 提交中状态
+     */
+    loading?: boolean;
+}) => React.ReactNode;
+/**
+ * 表单提交回调
+ * @returns 返回 false 时不关闭弹窗和刷新数据；返回 void 或 true 时正常关闭和刷新
+ */
+export type FormSubmitCallback<T = any> = (values: T, type: OperationType, record?: T) => Promise<void | false> | void | false;
+/**
+ * 内置表单配置
+ */
+export interface FormConfig<T = any, ValueType extends string = 'text'> {
+    /**
+     * @description 是否启用内置表单（设置为 false 时使用 operationContent 自定义）
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * @description 表单列配置（不传则从表格 columns 自动生成）
+     */
+    columns?: ProFormColumnsType<T, ValueType>[];
+    /**
+     * @description 表单属性（透传给 Form 组件）
+     */
+    formProps?: Omit<FormSchema<T, ValueType>, 'columns' | 'onFinish' | 'submitter'>;
+    /**
+     * @description 自定义表单底部渲染（返回 false 则隐藏底部）
+     */
+    footerRender?: false | FormFooterRender<T>;
+    /**
+     * @description 表单提交回调
+     */
+    onSubmit?: FormSubmitCallback<T>;
+    /**
+     * @description 新增时的提交按钮文本
+     */
+    createSubmitText?: string;
+    /**
+     * @description 编辑时的提交按钮文本
+     */
+    updateSubmitText?: string;
+    /**
+     * @description 取消按钮文本
+     */
+    cancelText?: string;
+    /**
+     * @description 表单布局
+     * @default horizontal
+     */
+    layout?: "horizontal" | "vertical" | "inline";
+    /**
+     * @description 标签宽度
+     */
+    labelCol?: any;
+    /**
+     * @description 控件宽度
+     */
+    wrapperCol?: any;
+}
 /**
  * 公共属性
  */
@@ -16,8 +244,160 @@ export type ProTableProps<DataSource = Record<string, any>, ParamsType = Record<
     size?: SizeType;
     tableKey?: string;
     /**
-     * @description 搜索表单类型
+     * @description Table action 的引用，便于自定义触发
+     */
+    actionRef?: AntdProTableProps<DataSource, ParamsType, ValueType>['actionRef'];
+    /**
+     * @description 搜索表单类型（已废弃，请使用 search.layoutType）
      * @default QueryFilter
+     * @deprecated 请使用 search.layoutType
      */
     searchType?: SearchType;
+    /**
+     * @description 搜索表单配置
+     */
+    search?: false | SearchConfig<DataSource, ValueType>;
+    /**
+     * @description 是否显示新增按钮
+     * @default true
+     */
+    showCreateBtn?: boolean;
+    /**
+     * @description 新增按钮配置，设置为 false 时不显示
+     */
+    createBtnProps?: HeaderButtonItem | false;
+    /**
+     * @description 新增按钮点击回调
+     */
+    onCreate?: (selectKeys: Key[]) => void | Promise<void>;
+    /**
+     * @description 是否显示批量删除按钮
+     * @default true
+     */
+    showBatchRemoveBtn?: boolean;
+    /**
+     * @description 批量删除按钮配置，设置为 false 时不显示
+     */
+    batchRemoveBtnProps?: HeaderButtonItem | false;
+    /**
+     * @description 批量删除点击回调
+     * @returns 返回 false 时不刷新数据；返回 void 或 true 时正常刷新
+     */
+    onBatchRemove?: (selectKeys: Key[]) => void | false | Promise<void | false>;
+    /**
+     * @description 自定义操作按钮列表
+     */
+    headerButtonItems?: HeaderButtonItem[];
+    /**
+     * @description ButtonGroup 最大显示按钮数量
+     * @default 3
+     */
+    headerButtonMaxCount?: number;
+    /**
+     * @description 是否开启页面大小缓存
+     * @default false
+     */
+    openPageSizeCache?: boolean;
+    /**
+     * @description 默认页面大小
+     * @default 10
+     */
+    defaultPageSize?: number;
+    /**
+     * @description 操作模式
+     * @default modal
+     */
+    mode?: VlianTableMode;
+    /**
+     * @description 是否显示查看按钮
+     * @default true
+     */
+    showViewBtn?: boolean;
+    /**
+     * @description 查看按钮配置
+     */
+    viewBtnProps?: RowButtonItem<DataSource> | false;
+    /**
+     * @description 是否显示编辑按钮
+     * @default true
+     */
+    showUpdateBtn?: boolean;
+    /**
+     * @description 编辑按钮配置
+     */
+    updateBtnProps?: RowButtonItem<DataSource> | false;
+    /**
+     * @description 是否显示删除按钮
+     * @default true
+     */
+    showRemoveBtn?: boolean;
+    /**
+     * @description 删除按钮配置
+     */
+    removeBtnProps?: RowButtonItem<DataSource> | false;
+    /**
+     * @description 自定义行操作按钮列表
+     */
+    rowButtonItems?: RowButtonItem<DataSource>[];
+    /**
+     * @description 行操作按钮最大显示数量
+     * @default 3
+     */
+    rowButtonMaxCount?: number;
+    /**
+     * @description Modal 配置
+     */
+    modalProps?: Omit<ModalProps, 'open' | 'onCancel' | 'children'>;
+    /**
+     * @description Drawer 配置
+     */
+    drawerProps?: Omit<DrawerProps, 'open' | 'onClose' | 'children'>;
+    /**
+     * @description 路由基础路径（router 模式下使用）
+     */
+    routerBasePath?: string;
+    /**
+     * @description 操作内容渲染函数
+     */
+    operationContent?: OperationContentRender<DataSource>;
+    /**
+     * @description 获取详情数据（用于编辑和查看）
+     */
+    onGetDetail?: (record: DataSource, index: number) => Promise<DataSource>;
+    /**
+     * @description 删除回调
+     * @returns 返回 false 时不刷新数据；返回 void 或 true 时正常刷新
+     */
+    onRemove?: (record: DataSource, index: number) => void | false | Promise<void | false>;
+    /**
+     * @description 内置表单配置
+     */
+    formConfig?: FormConfig<DataSource, ValueType extends string ? ValueType : 'text'>;
+    /**
+     * @description 默认视图模式
+     * @default table
+     */
+    defaultViewMode?: ViewMode;
+    /**
+     * @description 网格卡片渲染函数（网格模式下必需）
+     */
+    gridCardRender?: GridCardRender<DataSource>;
+    /**
+     * @description 网格列数配置
+     * @default { xs: 1, sm: 2, md: 3, lg: 4, xl: 4, xxl: 6 }
+     */
+    gridColumns?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
+    /**
+     * @description 网格卡片中每行显示的字段数量
+     * @default 3
+     */
+    gridCardFieldsPerRow?: number;
 };
+export {};

package/dist/TabSelector/TabSelector.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { TabSelectorProps } from "./types";
+export declare const TabSelector: React.FC<TabSelectorProps>;

package/dist/TabSelector/TabSelector.js

@@ -0,0 +1 @@
+function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{useState}from"react";import*as React from"react";import{theme}from"antd";import classNames from"classnames";import{Typography}from"../Text";import{useStyles}from"./styles";import{SelectedItemsDisplay}from"./selected-items-display";import{SelectorModal}from"./modal";export var TabSelector=function(param){var tabs=param.tabs,_param_value=param.value,value=_param_value===void 0?{}:_param_value,onChange=param.onChange,_param_placeholder=param.placeholder,placeholder=_param_placeholder===void 0?"点击选择项目...":_param_placeholder,_param_disabled=param.disabled,disabled=_param_disabled===void 0?false:_param_disabled,_param_readonly=param.readonly,readonly=_param_readonly===void 0?false:_param_readonly,columns=param.columns;var hashId=theme.useToken().hashId;var modalRef=React.useRef(null);var _useState=_sliced_to_array(useState(value),2),selectedData=_useState[0],setSelectedData=_useState[1];useStyles();var handleClick=function(){var _modalRef_current;if(disabled||readonly){return}if(!tabs||tabs&&tabs.length===0){console.error("未配置tabs");return}console.info("a");(_modalRef_current=modalRef.current)===null||_modalRef_current===void 0?void 0:_modalRef_current.open()};var handleConfirm=function(data){setSelectedData(data);onChange===null||onChange===void 0?void 0:onChange(data)};var handleRemoveItem=function(item){var newData=_object_spread({},selectedData);var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{for(var _iterator=Object.keys(newData)[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var tabKey=_step.value;var tabItems=newData[tabKey]||[];var itemIndex=tabItems.findIndex(function(selected){return selected.id===item.id});if(itemIndex!==-1){newData[tabKey]=tabItems.filter(function(selected){return selected.id!==item.id});break}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}setSelectedData(newData);onChange===null||onChange===void 0?void 0:onChange(newData)};var getAllSelectedItems=function(){return Object.values(selectedData).flat()};var getTotalCount=function(){return getAllSelectedItems().length};return React.createElement("div",{className:classNames(hashId,"vlian-tab-modal"),onClick:handleClick},getTotalCount()>0?React.createElement(SelectedItemsDisplay,{items:getAllSelectedItems(),onRemove:handleRemoveItem,compact:true}):React.createElement(Typography.Text,{type:"secondary"},placeholder),React.createElement(SelectorModal,{tabs:tabs,ref:modalRef,onConfirm:handleConfirm,initialValue:selectedData,columns:columns}))};

package/dist/TabSelector/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types";
+export * from "./TabSelector";

package/dist/TabSelector/index.js

@@ -0,0 +1 @@
+export*from"./types";export*from"./TabSelector";

package/dist/TabSelector/modal.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { TabConfig, TableItem } from "./types";
+import type { ProColumns } from '@ant-design/pro-components';
+export type ModalProps = {
+    tabs: TabConfig[];
+    initialValue: Record<string, TableItem[]>;
+    onConfirm: (value: Record<string, TableItem[]>) => void;
+    columns?: ProColumns<Record<string, any>>[];
+    rowKey?: string;
+    width?: string;
+};
+export type ModalInst = {
+    open: () => void;
+    close: () => void;
+};
+export declare const SelectorModal: (props: ModalProps & React.RefAttributes<ModalInst>) => React.ReactElement | null;

package/dist/TabSelector/modal.js

@@ -0,0 +1 @@
+function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{forwardRef,useImperativeHandle,useState,useEffect}from"react";import*as React from"react";import{Modal}from"../Modal";import{Tabs,Badge}from"antd";import{ProTable}from"@ant-design/pro-components";import{Typography}from"../Text";export var SelectorModal=forwardRef(function(param,ref){var _param_tabs=param.tabs,tabs=_param_tabs===void 0?[]:_param_tabs,initialValue=param.initialValue,onConfirm=param.onConfirm,columns=param.columns,_param_rowKey=param.rowKey,rowKey=_param_rowKey===void 0?"id":_param_rowKey,_param_width=param.width,width=_param_width===void 0?"800px":_param_width;var _tabs_;var _useState=_sliced_to_array(useState(false),2),open=_useState[0],setOpen=_useState[1];var _useState1=_sliced_to_array(useState(initialValue),2),selectedData=_useState1[0],setSelectedData=_useState1[1];var _useState2=_sliced_to_array(useState(((_tabs_=tabs[0])===null||_tabs_===void 0?void 0:_tabs_.key)||""),2),activeTab=_useState2[0],setActiveTab=_useState2[1];useEffect(function(){if(open){var _tabs_;setSelectedData(initialValue);setActiveTab(((_tabs_=tabs[0])===null||_tabs_===void 0?void 0:_tabs_.key)||"")}},[open,initialValue,tabs]);var handleSelectionChange=function(tabKey,items){setSelectedData(function(prev){return _object_spread_props(_object_spread({},prev),_define_property({},tabKey,items))})};var handleCancel=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();setOpen(false)};var handleConfirm=function(e){e.stopPropagation();e.preventDefault();onConfirm===null||onConfirm===void 0?void 0:onConfirm(selectedData);handleCancel(e)};var getTotalSelectedCount=function(){return Object.values(selectedData).reduce(function(total,items){return total+items.length},0)};var getTabSelectedCount=function(tabKey){var _selectedData_tabKey;return((_selectedData_tabKey=selectedData[tabKey])===null||_selectedData_tabKey===void 0?void 0:_selectedData_tabKey.length)||0};useImperativeHandle(ref,function(){return{open:function(){setOpen(true)},close:function(){return handleCancel()}}});return React.createElement(Modal.CustomModal,{width:width,maxHeight:"80vh",title:React.createElement(Tabs,{activeKey:activeTab,items:tabs,onChange:setActiveTab}),open:open,maskClosable:false,keyboard:false,destroyOnHidden:true,okText:"确认选择 (".concat(getTotalSelectedCount()>0?getTotalSelectedCount():0,")"),onCancel:handleCancel,onOk:handleConfirm,getContainer:false,styles:{body:{padding:0}}},tabs.map(function(tab){return React.createElement(ProTable,{style:{display:activeTab!==tab.key?"none":"block"},cardProps:{bodyStyle:{padding:0}},key:tab.key,columns:columns,dataSource:tab.data,headerTitle:React.createElement(Typography,null,tab.label,React.createElement(Badge,null,getTabSelectedCount(tab.key)," ")),search:false,toolbar:{search:(tab===null||tab===void 0?void 0:tab.onSearch)?{onSearch:tab===null||tab===void 0?void 0:tab.onSearch,placeholder:"请输入关键字"}:undefined},options:false,rowKey:rowKey,rowSelection:{type:tab.selectionType,defaultSelectedRowKeys:(selectedData[tab.key]||[]).map(function(item){console.info("ad",item,item[rowKey]);return item[rowKey]}),onChange:function(_,selectedRows){handleSelectionChange(tab.key,selectedRows)}}})}))});

package/dist/TabSelector/selected-items-display.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { TableItem } from "./types";
+interface SelectedItemsDisplayProps {
+    items: TableItem[];
+    onRemove?: (item: TableItem) => void;
+    readonly?: boolean;
+    compact?: boolean;
+    renderItem?: (item: TableItem) => React.ReactNode;
+}
+export declare function SelectedItemsDisplay({ items, onRemove, readonly, compact, renderItem, }: SelectedItemsDisplayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/TabSelector/selected-items-display.js

@@ -0,0 +1 @@
+function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{useState,useRef,useEffect}from"react";import*as React from"react";import{useSelectedItemStyles}from"./styles";import classNames from"classnames";import{Tag,theme,Popover}from"antd";import{PlusOutlined}from"@ant-design/icons";export function SelectedItemsDisplay(param){var items=param.items,onRemove=param.onRemove,_param_readonly=param.readonly,readonly=_param_readonly===void 0?false:_param_readonly,_param_compact=param.compact,compact=_param_compact===void 0?false:_param_compact,renderItem=param.renderItem;var hashId=theme.useToken().hashId;var _useState=_sliced_to_array(useState(items.length),2),visibleCount=_useState[0],setVisibleCount=_useState[1];var containerRef=useRef(null);var itemRefs=useRef([]);useSelectedItemStyles();useEffect(function(){var calculateVisibleItems=function(){if(!containerRef.current||items.length===0)return;var container=containerRef.current;var containerWidth=container.offsetWidth;var reservedWidth=80;var currentWidth=0;var visibleItems=0;for(var i=0;i<items.length;i++){var itemRef=itemRefs.current[i];if(!itemRef)continue;var itemWidth=itemRef.offsetWidth+(compact?4:8);if(currentWidth+itemWidth>containerWidth){break}if(i<items.length-1&&currentWidth+itemWidth+reservedWidth>containerWidth){break}currentWidth+=itemWidth;visibleItems=i+1}setVisibleCount(Math.max(1,visibleItems))};var timer=setTimeout(calculateVisibleItems,100);window.addEventListener("resize",calculateVisibleItems);return function(){clearTimeout(timer);window.removeEventListener("resize",calculateVisibleItems)}},[items,compact]);if(items.length===0){return null}var visibleItems=items.slice(0,visibleCount);var hiddenItems=items.slice(visibleCount);var hasHiddenItems=hiddenItems.length>0;return React.createElement("div",{ref:containerRef,className:classNames(hashId,"vlian-tab-modal__slected-items")},visibleItems.map(function(item,index){return React.createElement(Tag,{key:item.id,ref:function(el){return itemRefs.current[index]=el},closable:!readonly,onClose:function(e){e.preventDefault();e.stopPropagation();onRemove===null||onRemove===void 0?void 0:onRemove(item)}},renderItem?renderItem(item):item.name)}),hasHiddenItems&&React.createElement(Popover,{content:React.createElement("div",{className:classNames(hashId,"vlian-tab-modal__slected-items-hidden")},hiddenItems.map(function(item){return React.createElement(Tag,{key:item.id,closable:!readonly,onClose:function(e){e.preventDefault();e.stopPropagation();onRemove===null||onRemove===void 0?void 0:onRemove(item)}},renderItem?renderItem(item):item.name)})),title:"title"},React.createElement(PlusOutlined,null),hiddenItems.length))}

package/dist/TabSelector/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const useStyles: () => void;
+export declare const useSelectedItemStyles: () => void;

package/dist/TabSelector/styles.js

@@ -0,0 +1 @@
+import{theme}from"antd";import{useStyleRegister}from"@ant-design/cssinjs";export var useStyles=function(){var _theme_useToken=theme.useToken(),hashId=_theme_useToken.hashId,token=_theme_useToken.token,GlobalToken=_theme_useToken.theme;useStyleRegister({theme:GlobalToken,token:token,path:["VlianTabModal"],hashId:hashId},function(){return{".vlian-tab-modal":{width:"100%",padding:token.paddingXS,borderRadius:token.borderRadiusSM,border:"1px solid ".concat(token.colorBorderSecondary),cursor:"pointer","& .ant-tabs-nav":{marginBottom:0}}}})};export var useSelectedItemStyles=function(){var _theme_useToken=theme.useToken(),hashId=_theme_useToken.hashId,token=_theme_useToken.token,GlobalToken=_theme_useToken.theme;useStyleRegister({theme:GlobalToken,token:token,path:["VlianTabModalSelectedItems"],hashId:hashId},function(){return{".vlian-tab-modal__slected-items":{display:"flex",flexWrap:"wrap",gap:"5px",alignItems:"center",width:"100%"},".vlian-tab-modal__slected-items-hidden":{display:"flex",flexWrap:"wrap",gap:"5px",alignItems:"center"}}})};

package/dist/TabSelector/types.d.ts

@@ -0,0 +1,24 @@
+import type { ProColumns } from "@ant-design/pro-components";
+export interface TableItem {
+    id: number;
+    name: string;
+    code: string;
+    category: string;
+    [key: string]: any;
+}
+export interface TabConfig {
+    key: string;
+    label: string;
+    selectionType: 'checkbox' | 'radio';
+    data: TableItem[];
+    onSearch?: (value: string) => void;
+}
+export interface TabSelectorProps {
+    tabs: TabConfig[];
+    value?: Record<string, TableItem[]>;
+    onChange?: (value: Record<string, TableItem[]>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    columns?: ProColumns<Record<string, any>>[];
+}

package/dist/index.d.ts

@@ -6,6 +6,10 @@ export { VaSwitch, type VASwitchProps } from "./Switch";
 export { CheckCard, type CheckCardProps } from "./CheckCard";
 export { Typography } from "./Text";
 export { Image } from "./images";
-export * from "./ProTable";
+export * from "./ProTable2";
 export { ButtonGroup, type ButtonGroupProps, type ButtonGroupItem } from './ButtonGroup';
 export { ConfirmButton, type ConfirmButtonProps } from './ConfirmButton';
+export * from "./TabSelector";
+export * from "./Beyond";
+export * from "./List";
+export * from "./Exports";

package/dist/index.js

@@ -1 +1 @@
-export{Card}from"./Card";export*from"./Card";export{Modal}from"./Modal";export*from"./Modal";export{VaSwitch}from"./Switch";export{CheckCard}from"./CheckCard";export{Typography}from"./Text";export{Image}from"./images";export*from"./ProTable";export{ButtonGroup}from"./ButtonGroup";export{ConfirmButton}from"./ConfirmButton";
+export{Card}from"./Card";export*from"./Card";export{Modal}from"./Modal";export*from"./Modal";export{VaSwitch}from"./Switch";export{CheckCard}from"./CheckCard";export{Typography}from"./Text";export{Image}from"./images";export*from"./ProTable2";export{ButtonGroup}from"./ButtonGroup";export{ConfirmButton}from"./ConfirmButton";export*from"./TabSelector";export*from"./Beyond";export*from"./List";export*from"./Exports";

package/dist/locale/langs/zh-cn/index.js

@@ -1 +1 @@
-var local={switch:{activeText:"启用",inactiveText:"禁用"},form:{text:"请输入",select:"请选择",start:"开始",ended:"结束",reset:"重置",submit:"提交",query:"查询"},table:{createBtnText:"新增",batchRemoveBtnText:"批量删除",batchRemoveModalTitle:"警告",batchRemoveModalContent:"即将删除{count}项数据，删除后无法恢复，是否继续？",createTitle:"新增",updateTitle:"更新",viewTitle:"详情",operateColumnTitle:"操作",viewBtnText:"查看",updateBtnText:"编辑",removeBtnText:"删除",moreBtnText:"更多",removeConfirm:"确定要删除这项吗？",removeTip:"警告？",backText:"返回",pagePt:"请输入添加项",pageAddText:"保存"},upload:{btnText:"上传",limitSize:"文件大小不能超过 {limit}MB!",uploadFail:"上传失败"},adminTransfer:{unSelectText:"取消选择",selectText:"选择",selectedOption:"已选{length}项",clear:"清空",removeBtnText:"删除"},treeTable:{triggerText:"选择",selectedOption:"已选{length}项",clear:"清空",removeBtnText:"删除",waitSelectListText:"待选列表",selectedListText:"已选列表",searchTextPt:"请输入关键字",selectedText:"已选",unselectedText:"未选",treeTitle:"树型列表"},exports:{text:"导出",progressResText:"正在导出",successResText:"导出成功",errorResText:"导出失败",cancelBtnText:"取消",exportTitle:"导出",retryText:"重试"},treePanel:{selectedText:"已选",clearText:"清空",rootText:"全部",limitText:"最多选择${maxCount}项。",searchPlaceholder:"请输入关键字"}};export default local;
+var local={switch:{activeText:"启用",inactiveText:"禁用"},form:{text:"请输入",select:"请选择",start:"开始",ended:"结束",reset:"重置",submit:"提交",query:"查询"},table:{createBtnText:"新增",batchRemoveBtnText:"批量删除",batchRemoveModalTitle:"警告",batchRemoveModalContent:"即将删除{count}项数据，删除后无法恢复，是否继续？",createTitle:"新增",updateTitle:"更新",viewTitle:"详情",operateColumnTitle:"操作",viewBtnText:"查看",updateBtnText:"编辑",removeBtnText:"删除",moreBtnText:"更多",removeConfirm:"确定要删除这项吗？",removeTip:"警告？",backText:"返回",pagePt:"请输入添加项",pageAddText:"保存",createSubmitText:"创建",updateSubmitText:"保存",submitText:"提交",cancelText:"取消",closeText:"关闭"},upload:{btnText:"上传",limitSize:"文件大小不能超过 {limit}MB!",uploadFail:"上传失败"},adminTransfer:{unSelectText:"取消选择",selectText:"选择",selectedOption:"已选{length}项",clear:"清空",removeBtnText:"删除"},treeTable:{triggerText:"选择",selectedOption:"已选{length}项",clear:"清空",removeBtnText:"删除",waitSelectListText:"待选列表",selectedListText:"已选列表",searchTextPt:"请输入关键字",selectedText:"已选",unselectedText:"未选",treeTitle:"树型列表"},exports:{text:"导出",progressResText:"正在导出",successResText:"导出成功",errorResText:"导出失败",cancelBtnText:"取消",exportTitle:"导出",retryText:"重试"},treePanel:{selectedText:"已选",clearText:"清空",rootText:"全部",limitText:"最多选择${maxCount}项。",searchPlaceholder:"请输入关键字"}};export default local;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "villianjs-pro",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/ProTable/context.d.ts

@@ -1,59 +0,0 @@
-import { type Dispatch, type SetStateAction } from "react";
-import type { VlianTableMode, OperateType, TablePermissionMap, HasPermissionFn } from "./types";
-import type { ConfirmMode } from "../ConfirmButton";
-import type { SizeType } from "antd/es/config-provider/SizeContext";
-export interface VlianTableContextType {
-    size?: SizeType;
-    baseUrl: string;
-    /**
-     * @description 模式
-     */
-    mode: VlianTableMode;
-    /**
-     * @description 是否显示搜索
-     */
-    visibleSearch: boolean;
-    /**
-     * @description 设置是否显示搜索
-     */
-    setVisibleSearch: Dispatch<SetStateAction<boolean>>;
-    /**
-     * @description 当前操作
-     */
-    operateType: OperateType;
-    /**
-     * @description 设置当前操作
-     */
-    setOperateType: Dispatch<SetStateAction<OperateType>>;
-    /**
-     * @description 当前记录
-     */
-    currentRecord?: any;
-    /**
-     * @description 设置当前记录
-     */
-    setCurrentRecord: Dispatch<SetStateAction<any>>;
-    removeMode: ConfirmMode;
-    currentIndex: number;
-    onViewClick: (record: any, index: number, action: any) => Promise<any>;
-    onUpdateClick: (record: any, index: number, action: any) => Promise<any>;
-    onRemoveClick: (record: any, index: number, action: any) => Promise<any>;
-    handleOpenPopup: () => Promise<any>;
-    /**
-     * @description 权限
-     */
-    permission?: TablePermissionMap;
-    /**
-     * @description 判断权限
-     */
-    hasPermission?: HasPermissionFn;
-    /**
-     * 设置当前信息
-     * @param type
-     * @param record
-     * @param index
-     */
-    setCurrentInfo: (type: OperateType, record: any, index: number) => Promise<void>;
-    closePopup: () => Promise<void>;
-}
-export declare const VlianTableContext: import("react").Context<VlianTableContextType | undefined>;

package/dist/ProTable/context.js

@@ -1 +0,0 @@
-import{createContext}from"react";export var VlianTableContext=createContext(undefined);

package/dist/ProTable/form-footer.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { type ButtonProps } from "../Button";
-export type FormFooterConfig = {
-    cancelText?: React.ReactNode;
-    confirmText?: React.ReactNode;
-};
-export type FormFooterProps = {
-    config?: FormFooterConfig;
-    /** @name 提交按钮的 props */
-    submitButtonProps?: false | (ButtonProps & {
-        preventDefault?: boolean;
-    });
-    /** @name 重置按钮的 props */
-    resetButtonProps?: false | (ButtonProps & {
-        preventDefault?: boolean;
-    });
-    render?: ((props: FormFooterProps & Record<string, any> & {
-        submit: () => void;
-        reset: () => void;
-    }, dom: React.JSX.Element[]) => React.ReactNode[] | React.ReactNode | false) | false;
-    onSubmit?: () => void;
-    onReset?: () => void;
-    submitterPosition?: React.CSSProperties['justifyContent'];
-    submitLoading?: boolean;
-};
-export declare const FormFooter: React.FC<FormFooterProps>;

package/dist/ProTable/form-footer.js

@@ -1 +0,0 @@
-function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _ts_generator(thisArg,body){var f,y,t,_={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},g=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return g.next=verb(0),g["throw"]=verb(1),g["return"]=verb(2),typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break}if(t[2])_.ops.pop();_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e];y=0}finally{f=t=0}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true}}}import*as React from"react";import{Flex}from"antd";import{Button}from"../Button";import{useLocale}from"../locale";import{useContext}from"react";import{VlianTableContext}from"./context.ts";export var FormFooter=function(props){var tmp=props.config,_ref=tmp===void 0?{}:tmp,cancelText=_ref.cancelText,confirmText=_ref.confirmText,resetButtonProps=props.resetButtonProps,submitButtonProps=props.submitButtonProps,onSubmit=props.onSubmit,onReset=props.onReset,render=props.render,submitLoading=props.submitLoading,submitterPosition=props.submitterPosition;var context=useContext(VlianTableContext);var size=(context||{}).size;var messages=useLocale().messages;var handleSubmitClick=function(){return _async_to_generator(function(){return _ts_generator(this,function(_state){onSubmit===null||onSubmit===void 0?void 0:onSubmit();return[2]})})()};var handleCancelClick=function(){return _async_to_generator(function(){return _ts_generator(this,function(_state){onReset===null||onReset===void 0?void 0:onReset();return[2]})})()};var ResetButton=React.useMemo(function(){if(resetButtonProps===false){return null}var _$props=_object_spread_props(_object_spread({size:size},resetButtonProps),{onClick:handleCancelClick});return React.createElement(Button,_object_spread({key:"cancel"},_$props),cancelText!==null&&cancelText!==void 0?cancelText:messages.form.reset)},[cancelText,resetButtonProps]);var SubmitButton=React.useMemo(function(){if(resetButtonProps===false){return null}var _$props=_object_spread_props(_object_spread({type:"primary",size:size,loading:submitLoading},submitButtonProps),{onClick:handleSubmitClick});return React.createElement(Button,_object_spread({key:"submit"},_$props),confirmText!==null&&confirmText!==void 0?confirmText:messages.form.submit)},[confirmText,submitButtonProps,handleSubmitClick]);var currentRender=React.useCallback(function(){if(render===false){return null}if(render){return render(_object_spread_props(_object_spread({},props),{submit:handleSubmitClick,reset:handleCancelClick}),[ResetButton,SubmitButton].filter(Boolean))}return[ResetButton,SubmitButton]},[ResetButton,SubmitButton]);return React.createElement(Flex,{justify:submitterPosition,align:"center",gap:8},currentRender())};

package/dist/ProTable/index.d.ts

@@ -1,2 +0,0 @@
-export { VlianTable } from './table.tsx';
-export type { VlianTableProps, VlianTableListInst } from './types';