villianjs-pro 1.0.0 → 1.0.3

package/dist/ProTable/types.d.ts

@@ -1,121 +1,420 @@
-import type { ProTableProps as AntdProTableProps, ActionType, ProColumns, ProFormInstance, ProCoreActionType, ProFormProps, ProFormColumnsType } from "@ant-design/pro-components";
-import * as React from 'react';
+import * as React from "react";
 import type { SizeType } from "antd/es/config-provider/SizeContext";
-import type { FormSchema } from "@ant-design/pro-form/es/components/SchemaForm";
+import { type ProTableProps as AntdProTableProps, type ProColumns } from "@ant-design/pro-components";
+import type { Key } from "react";
 import type { ButtonGroupItem } from "../ButtonGroup";
-import type { ConfirmMode } from "../ConfirmButton";
-import type { Ref } from "react";
-import type { FormFooterProps } from "./form-footer.tsx";
-export type VlianTableListInst = ActionType & {
-    search: ProFormInstance | null;
-    getTableFilter: () => any;
-};
-export type VlianTableColumn<T, ValueType = 'text'> = ProColumns<T, ValueType> & {
-    textType?: 'input' | 'select';
-};
+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 OptionBtnProps<T> = Omit<Partial<ButtonGroupItem>, "onClick"> & {
-    onClick?: (record: T, index: number, action: ProCoreActionType<T>) => void;
-};
-export type OperateType = "" | "view" | "update" | "create";
-export type VlianTableListProps<DataSource, U = any, ValueType = 'text'> = Omit<AntdProTableProps<DataSource, U, ValueType>, "search" | "ghost" | "actionRef" | "columns"> & {
-    prefixCls?: string;
-    tableId?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    columns: VlianTableColumn<DataSource, ValueType>[];
-    searchType?: "QueryFilter" | "Form";
-    searchFormProps?: Omit<FormSchema<DataSource, ValueType>, "size" | "layoutType" | "layout" | "columns" | "loading" | "onFinish" | "onReset">;
-    showSearch?: boolean;
-    searchSubmitText?: string;
-    searchResetText?: string;
-    optionProps?: Omit<ProColumns<DataSource, ValueType>, "render" | "dataIndex" | "valueType">;
-    updateBtnProps?: OptionBtnProps<DataSource> | false;
-    viewBtnProps?: OptionBtnProps<DataSource> | false;
-    removeBtnProps?: OptionBtnProps<DataSource> | false;
-    optionExtra?: OptionBtnProps<DataSource>[];
-    /**
-     * 点击编辑按钮之前，返回 reject 或者 false 时，不继续运行
-     */
-    onUpdateBefore?: <T>(record: T, index: number, action: ProCoreActionType<T>) => Promise<boolean>;
-    /**
-     * 获取详情
-     * @param record
-     * @param index
-     */
-    detail?: <T>(record: T, index: number) => Promise<any>;
-    maxOptionCount?: number;
-};
-export type BooleanCallback = Promise<boolean> | boolean;
-export type Obj = Record<string, any>;
-export interface TablePermissionMap {
-    create?: string;
-    batchRemove?: string;
-    view?: string;
-    update?: string;
-    remove?: string;
+/**
+ * 操作类型
+ */
+export type OperationType = "list" | "create" | "update" | "view";
+/**
+ * 视图显示模式
+ */
+export type ViewMode = "table" | "grid";
+/**
+ * 网格卡片渲染函数的参数
+ */
+export interface GridCardRenderParams<T = any> {
+    /** 当前记录数据 */
+    record: T;
+    /** 记录索引 */
+    index: number;
+    /** 当前记录是否被选中 */
+    isSelected?: boolean;
+    /** 当前记录的 key */
+    rowKey?: React.Key;
+    /** 切换选中状态的方法 */
+    onSelect?: (selected: boolean) => void;
+    /** 是否显示选择框 */
+    showSelection?: boolean;
 }
-export type HasPermissionFn = (code: string, other?: Record<string, any>) => boolean;
-export type OperateFormProps<T, U> = Omit<ProFormProps, "onFinish" | "onReset" | "children" | "columns" | "sumitter"> & {
-    title?: React.ReactNode;
-    children?: ((form: Ref<ProFormInstance<T>>, record: T) => React.ReactNode) | any;
-    columns?: ProFormColumnsType<U>[];
-    submitter?: Omit<FormFooterProps, "onSubmit" | "onReset">;
-    footer?: React.ReactNode;
-    detail?: (record: T, index: number) => Promise<any>;
-    width?: number | string;
+/**
+ * 网格卡片渲染函数
+ */
+export type GridCardRender<T = any> = (params: GridCardRenderParams<T>) => 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 UpdateOperateFormProps<T, U> = OperateFormProps<T, U> & {
+/**
+ * 搜索配置
+ */
+export type SearchConfig<T = Record<string, any>, ValueType = "text"> = {
     /**
-     * 调用编辑接口之前
+     * @description 布局类型
+     * @default Form
      */
-    onUpdateSubmitBefore?: <T = any>(values: T) => Promise<boolean>;
+    layoutType?: SearchType;
     /**
-     *  调用编辑接口
+     * @description 表单布局
+     * @default inline
      */
-    onUpdate?: <T = any>(values: T) => Promise<any>;
+    layout?: "horizontal" | "vertical" | "inline";
     /**
-     *  编辑之后
+     * @description 搜索表单其他属性（排除 columns，因为 columns 由表格 columns 自动生成）
      */
-    onUpdateSubmitAfter?: <T = any>(result: any, values: T) => Promise<void>;
+    searchProps?: Omit<ProTableSearchProps<T, ValueType extends string ? ValueType : "text">, "columns" | "layoutType" | "layout">;
 };
-export type ParamsType = Record<string, any>;
-export type VlianTableFormProps<T, U> = UpdateOperateFormProps<T, U>;
-export type VlianTableProps<DataSource, U = any, F = any, ValueType = any> = {
-    mode: VlianTableMode;
-    basicUrl?: string;
+/**
+ * 操作按钮配置
+ */
+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;
+}
+/**
+ * 公共属性
+ */
+export type ProTableProps<DataSource = Record<string, any>, ParamsType = Record<string, any>, ValueType = "text"> = AntdProTableProps<DataSource, ParamsType, ValueType> & {
     prefixCls?: string;
     className?: string;
     style?: React.CSSProperties;
     size?: SizeType;
-    list?: VlianTableListProps<DataSource, U, ValueType>;
-    removeMode?: ConfirmMode;
+    tableKey?: string;
+    /**
+     * @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>;
     /**
-     * 权限 Key
+     * @description 获取详情数据（用于编辑和查看）
      */
-    permissionKey?: string;
+    onGetDetail?: (record: DataSource, index: number) => Promise<DataSource>;
     /**
-     * @description 权限
+     * @description 删除回调
+     * @returns 返回 false 时不刷新数据；返回 void 或 true 时正常刷新
      */
-    permission?: TablePermissionMap;
+    onRemove?: (record: DataSource, index: number) => void | false | Promise<void | false>;
     /**
-     * @description 判断权限
+     * @description 内置表单配置
      */
-    hasPermission?: HasPermissionFn;
+    formConfig?: FormConfig<DataSource, ValueType extends string ? ValueType : 'text'>;
     /**
-     * 显示编辑按钮逻辑
+     * @description 默认视图模式
+     * @default table
      */
-    showUpdateBtn?: (record: DataSource, index: number) => boolean;
+    defaultViewMode?: ViewMode;
     /**
-     * 点击创建按钮之前，返回 reject 或者 false 时，不继续运行
+     * @description 网格卡片渲染函数（网格模式下必需）
      */
-    onCreateBefore?: () => Promise<boolean>;
+    gridCardRender?: GridCardRender<DataSource>;
     /**
-     * 点击编辑按钮，返回 reject 或者 false 时，不继续运行
+     * @description 网格列数配置
+     * @default { xs: 1, sm: 2, md: 3, lg: 4, xl: 4, xxl: 6 }
      */
-    onUpdate?: <T>(record: T, index: number, action: ProCoreActionType<T>) => Promise<boolean>;
+    gridColumns?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
     /**
-     * 表单属性
+     * @description 网格卡片中每行显示的字段数量
+     * @default 3
      */
-    formProps?: VlianTableFormProps<DataSource, F>;
+    gridCardFieldsPerRow?: number;
 };
+export {};

package/dist/ProTable/utils.d.ts

@@ -0,0 +1,83 @@
+/**
+ * ProTable 工具函数
+ */
+import type { Key } from "react";
+import type { ButtonGroupItem } from "../ButtonGroup";
+import type { HeaderButtonItem, RowButtonItem } from "./types";
+/**
+ * LocalStorage 工具类
+ */
+export declare class StorageHelper {
+    /**
+     * 安全读取 localStorage
+     */
+    static getItem(key: string): string | null;
+    /**
+     * 安全写入 localStorage
+     */
+    static setItem(key: string, value: string): boolean;
+    /**
+     * 读取 JSON 数据
+     */
+    static getJSON<T = any>(key: string, defaultValue: T): T;
+    /**
+     * 写入 JSON 数据
+     */
+    static setJSON(key: string, value: any): boolean;
+    /**
+     * 读取数字
+     */
+    static getNumber(key: string, defaultValue: number): number;
+    /**
+     * 写入数字
+     */
+    static setNumber(key: string, value: number): boolean;
+}
+/**
+ * 按钮配置转换器（用于 Header 按钮）
+ */
+export declare function convertHeaderButtonToGroupItem(config: HeaderButtonItem | false | undefined, defaultKey: string, selectedRowKeys: Key[], defaultHandler?: () => void | Promise<void>): ButtonGroupItem | null;
+/**
+ * 按钮配置转换器（用于行操作按钮）
+ */
+export declare function convertRowButtonToGroupItem<T = any>(config: RowButtonItem<T> | false | undefined, defaultKey: string, record: T, index: number, defaultHandler?: (record: T, index: number) => void | Promise<void>): ButtonGroupItem | null;
+/**
+ * 列过滤工具
+ */
+export declare class ColumnHelper {
+    /**
+     * 过滤显示列（排除操作列）
+     */
+    static filterDisplayColumns(columns: any[]): any[];
+    /**
+     * 查找操作列
+     */
+    static findActionColumn(columns: any[]): any | undefined;
+    /**
+     * 检查是否存在操作列
+     */
+    static hasActionColumn(columns: any[]): boolean;
+    /**
+     * 为列添加默认配置
+     */
+    static addDefaultConfig(columns: any[]): any[];
+}
+/**
+ * 操作类型工厂函数
+ * 创建统一的操作处理函数
+ */
+export declare function createOperationHandler<T = any>(operationType: 'view' | 'update', setOperationType: (type: any) => void, setCurrentIndex: (index: number) => void, setCurrentRecord: (record: T | null) => void, setOperationVisible: (visible: boolean) => void, onGetDetail?: (record: T, index: number) => Promise<T>, mode?: string): (record: T, index: number) => Promise<void>;
+/**
+ * 获取响应式 span 配置
+ */
+export declare function getResponsiveSpan(gridSpan?: 'half' | 'full'): {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+/**
+ * 格式化显示值
+ */
+export declare function formatDisplayValue(value: any, defaultValue?: string): string;

package/dist/ProTable/utils.js

@@ -0,0 +1 @@
+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 _class_call_check(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}function _create_class(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor}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 _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=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}}}export var StorageHelper=/*#__PURE__*/function(){"use strict";function StorageHelper(){_class_call_check(this,StorageHelper)}_create_class(StorageHelper,null,[{key:"getItem",value:function getItem(key){try{return window.localStorage.getItem(key)}catch(error){console.error("Failed to read from localStorage (key: ".concat(key,"):"),error);return null}}},{key:"setItem",value:function setItem(key,value){try{window.localStorage.setItem(key,value);return true}catch(error){console.error("Failed to write to localStorage (key: ".concat(key,"):"),error);return false}}},{key:"getJSON",value:function getJSON(key,defaultValue){var value=this.getItem(key);if(!value)return defaultValue;try{return JSON.parse(value)}catch(error){console.error("Failed to parse JSON from localStorage (key: ".concat(key,"):"),error);return defaultValue}}},{key:"setJSON",value:function setJSON(key,value){try{var jsonString=JSON.stringify(value);return this.setItem(key,jsonString)}catch(error){console.error("Failed to stringify JSON for localStorage (key: ".concat(key,"):"),error);return false}}},{key:"getNumber",value:function getNumber(key,defaultValue){var value=this.getItem(key);if(!value)return defaultValue;var parsed=Number(value);return isNaN(parsed)||parsed<=0?defaultValue:parsed}},{key:"setNumber",value:function setNumber(key,value){return this.setItem(key,String(value))}}]);return StorageHelper}();export function convertHeaderButtonToGroupItem(config,defaultKey,selectedRowKeys,defaultHandler){if(config===false){return null}var visible=typeof(config===null||config===void 0?void 0:config.visible)==="function"?config.visible(selectedRowKeys):(config===null||config===void 0?void 0:config.visible)!==false;if(!visible){return null}var disabled=typeof(config===null||config===void 0?void 0:config.disabled)==="function"?config.disabled(selectedRowKeys):(config===null||config===void 0?void 0:config.disabled)||false;var _ref=config||{},_=_ref.visible,__=_ref.disabled,onClick=_ref.onClick,label=_ref.label,restProps=_object_without_properties(_ref,["visible","disabled","onClick","label"]);return _object_spread_props(_object_spread({},restProps),{key:(config===null||config===void 0?void 0:config.key)||defaultKey,label:label||"",disabled:disabled,onClick:function(){return _async_to_generator(function(){return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!onClick)return[3,2];return[4,onClick(selectedRowKeys)];case 1:_state.sent();return[3,4];case 2:if(!defaultHandler)return[3,4];return[4,defaultHandler()];case 3:_state.sent();_state.label=4;case 4:return[2]}})})()}})}export function convertRowButtonToGroupItem(config,defaultKey,record,index,defaultHandler){if(config===false){return null}var visible=typeof(config===null||config===void 0?void 0:config.visible)==="function"?config.visible(record,index):(config===null||config===void 0?void 0:config.visible)!==false;if(!visible){return null}var disabled=typeof(config===null||config===void 0?void 0:config.disabled)==="function"?config.disabled(record,index):(config===null||config===void 0?void 0:config.disabled)||false;var _ref=config||{},_=_ref.visible,__=_ref.disabled,onClick=_ref.onClick,label=_ref.label,restProps=_object_without_properties(_ref,["visible","disabled","onClick","label"]);return _object_spread_props(_object_spread({},restProps),{key:(config===null||config===void 0?void 0:config.key)||defaultKey,label:label||"",disabled:disabled,onClick:function(){return _async_to_generator(function(){return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!onClick)return[3,2];return[4,onClick(record,index)];case 1:_state.sent();return[3,4];case 2:if(!defaultHandler)return[3,4];return[4,defaultHandler(record,index)];case 3:_state.sent();_state.label=4;case 4:return[2]}})})()}})}export var ColumnHelper=/*#__PURE__*/function(){"use strict";function ColumnHelper(){_class_call_check(this,ColumnHelper)}_create_class(ColumnHelper,null,[{key:"filterDisplayColumns",value:function filterDisplayColumns(columns){return columns.filter(function(col){return!col.hideInTable&&col.dataIndex&&col.valueType!=="option"&&col.key!=="actions"&&col.dataIndex!=="actions"})}},{key:"findActionColumn",value:function findActionColumn(columns){return columns.find(function(col){return col.valueType==="option"||col.key==="actions"||col.dataIndex==="actions"})}},{key:"hasActionColumn",value:function hasActionColumn(columns){return columns.some(function(col){return col.key==="actions"||col.dataIndex==="actions"||col.valueType==="option"})}},{key:"addDefaultConfig",value:function addDefaultConfig(columns){return columns.map(function(col){var _col_ellipsis;var result=_object_spread_props(_object_spread({},col),{ellipsis:(_col_ellipsis=col.ellipsis)!==null&&_col_ellipsis!==void 0?_col_ellipsis:{showTitle:true}});if(!col.width&&!col.maxWidth&&!col.minWidth){result.width=200}return result})}}]);return ColumnHelper}();export function createOperationHandler(operationType,setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail,mode){return function(record,index){return _async_to_generator(function(){var detail;return _ts_generator(this,function(_state){switch(_state.label){case 0:setOperationType(operationType);setCurrentIndex(index);if(!onGetDetail)return[3,2];return[4,onGetDetail(record,index)];case 1:detail=_state.sent();setCurrentRecord(detail);return[3,3];case 2:setCurrentRecord(record);_state.label=3;case 3:if(mode!=="router"){setOperationVisible(true)}return[2]}})})()}}export function getResponsiveSpan(gridSpan){if(gridSpan==="full"){return{xs:24,sm:24,md:24,lg:24,xl:24}}return{xs:24,sm:12,md:12,lg:12,xl:12}}export function formatDisplayValue(value){var defaultValue=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"-";if(value===null||value===undefined||value===""){return defaultValue}if(typeof value==="string"||typeof value==="number"){return String(value)}return defaultValue}

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;