villianjs-pro 1.0.90 → 1.0.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
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_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(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(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread 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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}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 React,{useContext}from"react";import{Row,Col,Card,Pagination}from"antd";import useStyle from"../styles";import{useCommonStyles}from"../../hooks";import classNames from"classnames";import{ProTableContext}from"../context";export var GridView=function(props){var _props_dataSource=props.dataSource,dataSource=_props_dataSource===void 0?[]:_props_dataSource,cardRender=props.cardRender,_props_gridColumns=props.gridColumns,gridColumns=_props_gridColumns===void 0?{xs:1,sm:2,md:3,lg:
|
|
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_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(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(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread 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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}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 React,{useContext}from"react";import{Row,Col,Card,Pagination}from"antd";import useStyle from"../styles";import{useCommonStyles}from"../../hooks";import classNames from"classnames";import{ProTableContext}from"../context";export var GridView=function(props){var _props_dataSource=props.dataSource,dataSource=_props_dataSource===void 0?[]:_props_dataSource,cardRender=props.cardRender,_props_gridColumns=props.gridColumns,gridColumns=_props_gridColumns===void 0?{xs:1,sm:2,md:3,lg:3,xl:3,xxl:3}:_props_gridColumns,pagination=props.pagination,rowSelection=props.rowSelection,_props_selectedRowKeys=props.selectedRowKeys,selectedRowKeys=_props_selectedRowKeys===void 0?[]:_props_selectedRowKeys,onSelectChange=props.onSelectChange,_props_rowKey=props.rowKey,rowKey=_props_rowKey===void 0?"id":_props_rowKey;var _useCommonStyles=useCommonStyles("vlian-table",props,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var actionRef=useContext(ProTableContext).actionRef;var customPage=React.useMemo(function(){var _actionRef_current;var pageInfo=actionRef===null||actionRef===void 0?void 0:(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:_actionRef_current.pageInfo;return(pageInfo===null||pageInfo===void 0?void 0:pageInfo.total)===0&&dataSource.length>0},[actionRef,dataSource]);var mergedPagination=React.useMemo(function(){var _actionRef_current;if(pagination===false){return false}var pageInfo=actionRef===null||actionRef===void 0?void 0:(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:_actionRef_current.pageInfo;return _object_spread_props(_object_spread({},pagination,pageInfo),{defaultCurrent:(pageInfo===null||pageInfo===void 0?void 0:pageInfo.current)||(pagination===null||pagination===void 0?void 0:pagination.current)||1,total:(pageInfo===null||pageInfo===void 0?void 0:pageInfo.total)||(pagination===null||pagination===void 0?void 0:pagination.total)||dataSource.length||0})},[pagination,actionRef,dataSource.length]);var handlePageChange=React.useCallback(function(page,pageSize){var _pagination_onChange,_actionRef_current;pagination===null||pagination===void 0?void 0:(_pagination_onChange=pagination.onChange)===null||_pagination_onChange===void 0?void 0:_pagination_onChange.call(pagination,page,pageSize);if(actionRef===null||actionRef===void 0?void 0:(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:_actionRef_current.setPageInfo){actionRef.current.setPageInfo({current:page,pageSize:pageSize})}},[pagination,actionRef]);var handlePageSizeChange=React.useCallback(function(current,size){var _pagination_onShowSizeChange,_actionRef_current;pagination===null||pagination===void 0?void 0:(_pagination_onShowSizeChange=pagination.onShowSizeChange)===null||_pagination_onShowSizeChange===void 0?void 0:_pagination_onShowSizeChange.call(pagination,current,size);if(actionRef===null||actionRef===void 0?void 0:(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:_actionRef_current.setPageInfo){actionRef.current.setPageInfo({current:current,pageSize:size})}},[pagination,actionRef]);var colSpan=React.useMemo(function(){return{xs:gridColumns.xs?24/gridColumns.xs:24,sm:gridColumns.sm?24/gridColumns.sm:12,md:gridColumns.md?24/gridColumns.md:8,lg:gridColumns.lg?24/gridColumns.lg:8,xl:gridColumns.xl?24/gridColumns.xl:8,xxl:gridColumns.xxl?24/gridColumns.xxl:8}},[gridColumns]);var getRecordKey=React.useCallback(function(record,index){if(typeof rowKey==="function"){return rowKey(record,index)}return record[rowKey]},[rowKey]);var handleSelect=React.useCallback(function(record,index){return function(selected){var key=getRecordKey(record,index);var newKeys;var newRows;if(selected){newKeys=_to_consumable_array(selectedRowKeys).concat([key]);newRows=dataSource.filter(function(item,idx){var itemKey=getRecordKey(item,idx);return selectedRowKeys.includes(itemKey)||itemKey===key})}else{newKeys=selectedRowKeys.filter(function(k){return k!==key});newRows=dataSource.filter(function(item,idx){var itemKey=getRecordKey(item,idx);return newKeys.includes(itemKey)})}onSelectChange===null||onSelectChange===void 0?void 0:onSelectChange(newKeys,newRows)}},[dataSource,selectedRowKeys,onSelectChange,getRecordKey]);var list=React.useMemo(function(){if(!customPage){return dataSource.map(function(record,index){return{record:record,originalIndex:index}})}if(mergedPagination===false){return dataSource.map(function(record,index){return{record:record,originalIndex:index}})}var _mergedPagination_current=mergedPagination.current,current=_mergedPagination_current===void 0?1:_mergedPagination_current,_mergedPagination_pageSize=mergedPagination.pageSize,pageSize=_mergedPagination_pageSize===void 0?10:_mergedPagination_pageSize;var start=(current-1)*pageSize;var end=current*pageSize;return dataSource.slice(start,end).map(function(record,index){return{record:record,originalIndex:start+index}})},[dataSource,mergedPagination,customPage]);var showSelection=React.useMemo(function(){var currentSelection=rowSelection!==null&&rowSelection!==void 0?rowSelection:false;if(currentSelection===false){return false}return true},[rowSelection]);if(!dataSource||dataSource.length===0){return wrapCSS(React.createElement(Card,null,React.createElement("div",{className:classNames("".concat(prefixCls,"-grid-view-empty"),hashId)},"暂无数据")))}return wrapCSS(React.createElement("div",null,React.createElement(Row,{gutter:[16,16]},list.map(function(param){var record=param.record,originalIndex=param.originalIndex;var key=getRecordKey(record,originalIndex);var isSelected=selectedRowKeys.includes(key);return React.createElement(Col,_object_spread({key:String(key)},colSpan),cardRender({record:record,index:originalIndex,isSelected:isSelected,rowKey:key,onSelect:handleSelect(record,originalIndex),showSelection:showSelection}))})),mergedPagination!==false&&React.createElement("div",{className:classNames("".concat(prefixCls,"-grid-view-pagination"),hashId)},React.createElement(Pagination,_object_spread_props(_object_spread({showQuickJumper:false,showSizeChanger:true,align:"end",size:"small",showTotal:function(total,range){return"第 ".concat(range[0],"-").concat(range[1]," 条/总共 ").concat(total," 条")}},mergedPagination),{onChange:handlePageChange,onShowSizeChange:handlePageSizeChange})))))};
|
|
@@ -1 +1 @@
|
|
|
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 _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}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 _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}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 _non_iterable_spread(){throw new TypeError("Invalid attempt to spread 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 _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 _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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}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)}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{ProTableContext}from"../context";import{useContext}from"react";import{ProTable}from"@ant-design/pro-components";import useStyle from"../styles";import{useCommonStyles}from"../../hooks";import classNames from"classnames";import ProTableHeaderTitle from"./headerTitle";import*as React from"react";import{useMemo}from"react";import{usePagination}from"../hooks/usePagination";import{Tooltip,Spin}from"antd";import{AppstoreOutlined,TableOutlined}from"@ant-design/icons";import{GridView}from"./grid-view";import{GridCard}from"./grid-card";import{ColumnHelper,createOperationHandler}from"./utils";import{RowActions}from"./row-actions";import ProTableSearch from"./search";var ProTableList=function(props){var _tableProps_columnsState;var _useContext=useContext(ProTableContext),searchFormValues=_useContext.searchFormValues,viewMode=_useContext.viewMode,setViewMode=_useContext.setViewMode,actionRef=_useContext.actionRef,selectedRowKeys=_useContext.selectedRowKeys,setSelectedRowKeys=_useContext.setSelectedRowKeys,setSelectedRows=_useContext.setSelectedRows,setDataSource=_useContext.setDataSource,setLoading=_useContext.setLoading,loading=_useContext.loading,dataSource=_useContext.dataSource,setOperationType=_useContext.setOperationType,setCurrentIndex=_useContext.setCurrentIndex,setCurrentRecord=_useContext.setCurrentRecord,setOperationVisible=_useContext.setOperationVisible;var tableKey=props.tableKey,gridColumns=props.gridColumns,_props_columns=props.columns,columns=_props_columns===void 0?[]:_props_columns,_props_tableProps=props.tableProps,tableProps=_props_tableProps===void 0?{}:_props_tableProps,_props_defaultPageSize=props.defaultPageSize,defaultPageSize=_props_defaultPageSize===void 0?10:_props_defaultPageSize,_props_openPageSizeCache=props.openPageSizeCache,openPageSizeCache=_props_openPageSizeCache===void 0?false:_props_openPageSizeCache,gridCardRender=props.gridCardRender,_props_gridCardFieldsPerRow=props.gridCardFieldsPerRow,gridCardFieldsPerRow=_props_gridCardFieldsPerRow===void 0?3:_props_gridCardFieldsPerRow,_props_showViewBtn=props.showViewBtn,showViewBtn=_props_showViewBtn===void 0?true:_props_showViewBtn,viewBtnProps=props.viewBtnProps,_props_showUpdateBtn=props.showUpdateBtn,showUpdateBtn=_props_showUpdateBtn===void 0?true:_props_showUpdateBtn,updateBtnProps=props.updateBtnProps,_props_showRemoveBtn=props.showRemoveBtn,showRemoveBtn=_props_showRemoveBtn===void 0?true:_props_showRemoveBtn,removeBtnProps=props.removeBtnProps,_props_rowButtonItems=props.rowButtonItems,rowButtonItems=_props_rowButtonItems===void 0?[]:_props_rowButtonItems,_props_rowButtonMaxCount=props.rowButtonMaxCount,rowButtonMaxCount=_props_rowButtonMaxCount===void 0?3:_props_rowButtonMaxCount,buttonGroupProps=props.buttonGroupProps,_props_showOperateColumn=props.showOperateColumn,showOperateColumn=_props_showOperateColumn===void 0?true:_props_showOperateColumn,onGetDetail=props.onGetDetail,onRemove=props.onRemove,search=props.search,_props_tableExtraRenderPosition=props.tableExtraRenderPosition,tableExtraRenderPosition=_props_tableExtraRenderPosition===void 0?"below":_props_tableExtraRenderPosition;var _useCommonStyles=useCommonStyles("vlian-table",tableProps,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var className=tableProps.className,rowSelection=tableProps.rowSelection,tableExtraRender=tableProps.tableExtraRender,restTableProps=_object_without_properties(tableProps,["className","rowSelection","tableExtraRender"]);var mergedRowSelection=useMemo(function(){if(rowSelection===false){return false}if(!rowSelection){return undefined}return _object_spread_props(_object_spread({},rowSelection),{selectedRowKeys:selectedRowKeys,onChange:function(keys,selectedRowsData,info){setSelectedRowKeys(keys);if(selectedRowsData){setSelectedRows(selectedRowsData)}if(rowSelection&&(typeof rowSelection==="undefined"?"undefined":_type_of(rowSelection))==="object"&&rowSelection.onChange){if(rowSelection.onChange.length===3){rowSelection.onChange(keys,selectedRowsData||[],info||{})}else{rowSelection.onChange(keys,selectedRowsData||[])}}}})},[selectedRowKeys,rowSelection]);var currentPagination=usePagination({openPageSizeCache:openPageSizeCache,defaultPageSize:defaultPageSize,tableKey:tableKey,tableProps:tableProps}).currentPagination;var mergedPagination=useMemo(function(){if(currentPagination===false){return false}return _object_spread_props(_object_spread({},currentPagination),{onChange:function(page,pageSize){var _actionRef_current_setPageInfo,_actionRef_current,_actionRef_current_reload,_actionRef_current1;(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:(_actionRef_current_setPageInfo=_actionRef_current.setPageInfo)===null||_actionRef_current_setPageInfo===void 0?void 0:_actionRef_current_setPageInfo.call(_actionRef_current,{current:page,pageSize:pageSize});(_actionRef_current1=actionRef.current)===null||_actionRef_current1===void 0?void 0:(_actionRef_current_reload=_actionRef_current1.reload)===null||_actionRef_current_reload===void 0?void 0:_actionRef_current_reload.call(_actionRef_current1)}})},[currentPagination,actionRef]);var mergedScroll=React.useMemo(function(){var defaultScroll={x:true};if(tableProps.scroll){return _object_spread({},defaultScroll,tableProps.scroll)}return defaultScroll},[tableProps.scroll]);var mergedOptions=React.useMemo(function(){if(tableProps.options===false){return false}var defaultOptions=tableProps.options||{};var _defaultOptions_fullScreen,_defaultOptions_reload,_defaultOptions_setting,_defaultOptions_density;return _object_spread_props(_object_spread({},defaultOptions),{fullScreen:(_defaultOptions_fullScreen=defaultOptions.fullScreen)!==null&&_defaultOptions_fullScreen!==void 0?_defaultOptions_fullScreen:true,reload:(_defaultOptions_reload=defaultOptions.reload)!==null&&_defaultOptions_reload!==void 0?_defaultOptions_reload:true,setting:(_defaultOptions_setting=defaultOptions.setting)!==null&&_defaultOptions_setting!==void 0?_defaultOptions_setting:true,density:(_defaultOptions_density=defaultOptions.density)!==null&&_defaultOptions_density!==void 0?_defaultOptions_density:true})},[tableProps.options]);var toolbar=React.useMemo(function(){var _tableProps_toolbar;var toggleViewMode=function(){setViewMode(viewMode==="table"?"grid":"table")};return _object_spread_props(_object_spread({},tableProps.toolbar),{actions:_to_consumable_array(((_tableProps_toolbar=tableProps.toolbar)===null||_tableProps_toolbar===void 0?void 0:_tableProps_toolbar.actions)||[]).concat([React.createElement(Tooltip,{key:"view-mode-switch",title:viewMode==="table"?"切换到网格视图":"切换到列表视图"},React.createElement("div",{onClick:toggleViewMode,className:"VlianTable-view-switch ".concat(hashId)},viewMode==="table"?React.createElement(AppstoreOutlined,null):React.createElement(TableOutlined,null)))])})},[tableProps.toolbar,viewMode,setViewMode]);var _React_useState=_sliced_to_array(React.useState({}),2),columnsStateMap=_React_useState[0],setColumnsStateMap=_React_useState[1];var userColumnsStateChange=tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:_tableProps_columnsState.onChange;var handleColumnsStateChange=React.useCallback(function(map){setColumnsStateMap(map||{});userColumnsStateChange===null||userColumnsStateChange===void 0?void 0:userColumnsStateChange(map)},[userColumnsStateChange]);var handleGridSelectChange=React.useCallback(function(keys,rows,info){setSelectedRowKeys(keys);setSelectedRows(rows);if(rowSelection&&(typeof rowSelection==="undefined"?"undefined":_type_of(rowSelection))==="object"&&rowSelection.onChange){rowSelection.onChange(keys,rows,info||{})}},[rowSelection,setSelectedRowKeys,setSelectedRows]);var handleViewClick=React.useCallback(createOperationHandler("view",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail),[onGetDetail]);var handleUpdateClick=React.useCallback(createOperationHandler("update",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail),[onGetDetail]);var handleRemoveClick=React.useCallback(function(record,index){return _async_to_generator(function(){var result,_actionRef_current_reload,_actionRef_current,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!onRemove)return[3,6];_state.label=1;case 1:_state.trys.push([1,5,,6]);return[4,onRemove(record,index)];case 2:result=_state.sent();if(result===false){return[2,false]}if(!(actionRef===null||actionRef===void 0?void 0:actionRef.current))return[3,4];return[4,(_actionRef_current_reload=(_actionRef_current=actionRef.current).reload)===null||_actionRef_current_reload===void 0?void 0:_actionRef_current_reload.call(_actionRef_current,true)];case 3:_state.sent();_state.label=4;case 4:setSelectedRowKeys([]);setSelectedRows([]);return[2];case 5:error=_state.sent();console.error("删除失败:",error);return[2];case 6:return[2]}})})()},[onRemove,actionRef,setSelectedRowKeys,setSelectedRows]);var finalColumns=React.useMemo(function(){var hasActions=showViewBtn||showUpdateBtn||showRemoveBtn||rowButtonItems.length>0;var columnsWithDefaults=ColumnHelper.addDefaultConfig(columns);if(!showOperateColumn||!hasActions){return columnsWithDefaults}if(ColumnHelper.hasActionColumn(columns)){return columnsWithDefaults}return _to_consumable_array(columnsWithDefaults).concat([{title:"操作",key:"actions",dataIndex:"actions",valueType:"option",fixed:"right",width:260,render:function(_,record,index){return React.createElement(RowActions,{record:record,index:index,showViewBtn:showViewBtn,viewBtnProps:viewBtnProps,onView:handleViewClick,showUpdateBtn:showUpdateBtn,updateBtnProps:updateBtnProps,onUpdate:handleUpdateClick,showRemoveBtn:showRemoveBtn,removeBtnProps:removeBtnProps,onRemove:handleRemoveClick,rowButtonItems:rowButtonItems,maxCount:rowButtonMaxCount,buttonGroupProps:buttonGroupProps})}}])},[columns,showViewBtn,showUpdateBtn,showRemoveBtn,rowButtonItems,showOperateColumn,handleViewClick,handleUpdateClick,handleRemoveClick,viewBtnProps,updateBtnProps,removeBtnProps,rowButtonMaxCount,buttonGroupProps]);var sortedColumns=React.useMemo(function(){return _to_consumable_array(finalColumns).sort(function(a,b){var _columnsStateMap_aKey,_columnsStateMap_bKey;var aKey=String(a.key||a.dataIndex||"");var bKey=String(b.key||b.dataIndex||"");var _columnsStateMap_aKey_order;var aOrder=(_columnsStateMap_aKey_order=(_columnsStateMap_aKey=columnsStateMap[aKey])===null||_columnsStateMap_aKey===void 0?void 0:_columnsStateMap_aKey.order)!==null&&_columnsStateMap_aKey_order!==void 0?_columnsStateMap_aKey_order:0;var _columnsStateMap_bKey_order;var bOrder=(_columnsStateMap_bKey_order=(_columnsStateMap_bKey=columnsStateMap[bKey])===null||_columnsStateMap_bKey===void 0?void 0:_columnsStateMap_bKey.order)!==null&&_columnsStateMap_bKey_order!==void 0?_columnsStateMap_bKey_order:0;return aOrder-bOrder})},[finalColumns,columnsStateMap]);var defaultGridCardRender=React.useCallback(function(params){return React.createElement(GridCard,_object_spread_props(_object_spread({},params),{sortedColumns:sortedColumns,fieldsPerRow:gridCardFieldsPerRow}))},[sortedColumns,gridCardFieldsPerRow]);var finalGridCardRender=gridCardRender||defaultGridCardRender;var mergedTableExtraRender=React.useCallback(function(tableProps,dataSource){var extraNodes=[];var customExtra=tableExtraRender===null||tableExtraRender===void 0?void 0:tableExtraRender(tableProps,dataSource);var searchNode=search!==false?React.createElement(ProTableSearch,_object_spread({key:"search"},props)):null;var nodesToAdd=tableExtraRenderPosition==="above"?[customExtra,searchNode]:[searchNode,customExtra];nodesToAdd.forEach(function(node){if(node){extraNodes.push(node)}});if(extraNodes.length===0){return null}if(extraNodes.length===1){return extraNodes[0]}return React.createElement(React.Fragment,null,extraNodes)},[search,tableExtraRender,tableExtraRenderPosition,props]);var mergedParams=useMemo(function(){var baseParams=tableProps.params||{};var searchParams=searchFormValues||{};return _object_spread({},baseParams,searchParams)},[tableProps.params,searchFormValues]);React.useEffect(function(){if(viewMode!=="grid"&&dataSource.length>0){setDataSource([])}},[viewMode,dataSource.length,setDataSource]);return wrapCSS(React.createElement(ProTable,_object_spread_props(_object_spread({},restTableProps),{className:classNames(viewMode==="grid"?"".concat(prefixCls,"-grid-mode"):undefined,hashId,className),params:mergedParams,columns:finalColumns,search:false,cardProps:false,actionRef:actionRef,headerTitle:React.createElement(ProTableHeaderTitle,props),rowSelection:mergedRowSelection,pagination:mergedPagination,scroll:mergedScroll,options:mergedOptions,toolbar:toolbar,onLoadingChange:function(loading){setLoading(loading)},onDataSourceChange:function(datas){if(viewMode==="grid"){setDataSource(datas)}},columnsState:_object_spread_props(_object_spread({},tableProps.columnsState),{onChange:function onChange(map){handleColumnsStateChange(map)}}),tableExtraRender:mergedTableExtraRender,tableRender:function(_,dom){if(viewMode==="grid"){return React.createElement("div",null,React.createElement(Spin,{spinning:loading},React.createElement(GridView,{dataSource:dataSource,cardRender:finalGridCardRender,gridColumns:gridColumns,pagination:mergedPagination,rowSelection:rowSelection,selectedRowKeys:selectedRowKeys,onSelectChange:handleGridSelectChange,rowKey:tableProps.rowKey})))}return dom}})))};export default ProTableList;
|
|
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 _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}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 _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}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 _non_iterable_spread(){throw new TypeError("Invalid attempt to spread 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 _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 _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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}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)}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{ProTableContext}from"../context";import{useContext}from"react";import{ProTable}from"@ant-design/pro-components";import useStyle from"../styles";import{useCommonStyles}from"../../hooks";import classNames from"classnames";import ProTableHeaderTitle from"./headerTitle";import*as React from"react";import{useMemo}from"react";import{usePagination}from"../hooks/usePagination";import{Tooltip,Spin}from"antd";import{AppstoreOutlined,TableOutlined}from"@ant-design/icons";import{GridView}from"./grid-view";import{GridCard}from"./grid-card";import{ColumnHelper,createOperationHandler}from"./utils";import{RowActions}from"./row-actions";import ProTableSearch from"./search";var ProTableList=function(props){var _tableProps_columnsState;var _useContext=useContext(ProTableContext),searchFormValues=_useContext.searchFormValues,viewMode=_useContext.viewMode,setViewMode=_useContext.setViewMode,actionRef=_useContext.actionRef,selectedRowKeys=_useContext.selectedRowKeys,setSelectedRowKeys=_useContext.setSelectedRowKeys,setSelectedRows=_useContext.setSelectedRows,setDataSource=_useContext.setDataSource,setLoading=_useContext.setLoading,loading=_useContext.loading,dataSource=_useContext.dataSource,setOperationType=_useContext.setOperationType,setCurrentIndex=_useContext.setCurrentIndex,setCurrentRecord=_useContext.setCurrentRecord,setOperationVisible=_useContext.setOperationVisible;var tableKey=props.tableKey,gridColumns=props.gridColumns,_props_columns=props.columns,columns=_props_columns===void 0?[]:_props_columns,_props_tableProps=props.tableProps,tableProps=_props_tableProps===void 0?{}:_props_tableProps,_props_defaultPageSize=props.defaultPageSize,defaultPageSize=_props_defaultPageSize===void 0?10:_props_defaultPageSize,_props_openPageSizeCache=props.openPageSizeCache,openPageSizeCache=_props_openPageSizeCache===void 0?false:_props_openPageSizeCache,gridCardRender=props.gridCardRender,_props_gridCardFieldsPerRow=props.gridCardFieldsPerRow,gridCardFieldsPerRow=_props_gridCardFieldsPerRow===void 0?3:_props_gridCardFieldsPerRow,_props_showViewBtn=props.showViewBtn,showViewBtn=_props_showViewBtn===void 0?true:_props_showViewBtn,viewBtnProps=props.viewBtnProps,_props_showUpdateBtn=props.showUpdateBtn,showUpdateBtn=_props_showUpdateBtn===void 0?true:_props_showUpdateBtn,updateBtnProps=props.updateBtnProps,_props_showRemoveBtn=props.showRemoveBtn,showRemoveBtn=_props_showRemoveBtn===void 0?true:_props_showRemoveBtn,removeBtnProps=props.removeBtnProps,_props_rowButtonItems=props.rowButtonItems,rowButtonItems=_props_rowButtonItems===void 0?[]:_props_rowButtonItems,_props_rowButtonMaxCount=props.rowButtonMaxCount,rowButtonMaxCount=_props_rowButtonMaxCount===void 0?3:_props_rowButtonMaxCount,buttonGroupProps=props.buttonGroupProps,_props_showOperateColumn=props.showOperateColumn,showOperateColumn=_props_showOperateColumn===void 0?true:_props_showOperateColumn,onGetDetail=props.onGetDetail,onRemove=props.onRemove,search=props.search,_props_tableExtraRenderPosition=props.tableExtraRenderPosition,tableExtraRenderPosition=_props_tableExtraRenderPosition===void 0?"below":_props_tableExtraRenderPosition;var _useCommonStyles=useCommonStyles("vlian-table",tableProps,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var className=tableProps.className,rowSelection=tableProps.rowSelection,tableExtraRender=tableProps.tableExtraRender,restTableProps=_object_without_properties(tableProps,["className","rowSelection","tableExtraRender"]);var mergedRowSelection=useMemo(function(){if(rowSelection===false){return false}if(!rowSelection){return undefined}return _object_spread_props(_object_spread({},rowSelection),{selectedRowKeys:selectedRowKeys,onChange:function(keys,selectedRowsData,info){setSelectedRowKeys(keys);if(selectedRowsData){setSelectedRows(selectedRowsData)}if(rowSelection&&(typeof rowSelection==="undefined"?"undefined":_type_of(rowSelection))==="object"&&rowSelection.onChange){if(rowSelection.onChange.length===3){rowSelection.onChange(keys,selectedRowsData||[],info||{})}else{rowSelection.onChange(keys,selectedRowsData||[])}}}})},[selectedRowKeys,rowSelection]);var currentPagination=usePagination({openPageSizeCache:openPageSizeCache,defaultPageSize:defaultPageSize,tableKey:tableKey,tableProps:tableProps}).currentPagination;var mergedPagination=useMemo(function(){if(currentPagination===false){return false}return _object_spread_props(_object_spread({},currentPagination),{onChange:function(page,pageSize){var _actionRef_current_setPageInfo,_actionRef_current,_actionRef_current_reload,_actionRef_current1;(_actionRef_current=actionRef.current)===null||_actionRef_current===void 0?void 0:(_actionRef_current_setPageInfo=_actionRef_current.setPageInfo)===null||_actionRef_current_setPageInfo===void 0?void 0:_actionRef_current_setPageInfo.call(_actionRef_current,{current:page,pageSize:pageSize});(_actionRef_current1=actionRef.current)===null||_actionRef_current1===void 0?void 0:(_actionRef_current_reload=_actionRef_current1.reload)===null||_actionRef_current_reload===void 0?void 0:_actionRef_current_reload.call(_actionRef_current1)}})},[currentPagination,actionRef]);var mergedScroll=React.useMemo(function(){var defaultScroll={x:true};if(tableProps.scroll){return _object_spread({},defaultScroll,tableProps.scroll)}return defaultScroll},[tableProps.scroll]);var mergedOptions=React.useMemo(function(){if(tableProps.options===false){return false}var defaultOptions=tableProps.options||{};var _defaultOptions_fullScreen,_defaultOptions_reload,_defaultOptions_setting,_defaultOptions_density;return _object_spread_props(_object_spread({},defaultOptions),{fullScreen:(_defaultOptions_fullScreen=defaultOptions.fullScreen)!==null&&_defaultOptions_fullScreen!==void 0?_defaultOptions_fullScreen:true,reload:(_defaultOptions_reload=defaultOptions.reload)!==null&&_defaultOptions_reload!==void 0?_defaultOptions_reload:true,setting:(_defaultOptions_setting=defaultOptions.setting)!==null&&_defaultOptions_setting!==void 0?_defaultOptions_setting:true,density:(_defaultOptions_density=defaultOptions.density)!==null&&_defaultOptions_density!==void 0?_defaultOptions_density:true})},[tableProps.options]);var toolbar=React.useMemo(function(){var _tableProps_toolbar;var toggleViewMode=function(){setViewMode(viewMode==="table"?"grid":"table")};return _object_spread_props(_object_spread({},tableProps.toolbar),{actions:_to_consumable_array(((_tableProps_toolbar=tableProps.toolbar)===null||_tableProps_toolbar===void 0?void 0:_tableProps_toolbar.actions)||[]).concat([React.createElement(Tooltip,{key:"view-mode-switch",title:viewMode==="table"?"切换到网格视图":"切换到列表视图"},React.createElement("div",{onClick:toggleViewMode,className:"VlianTable-view-switch ".concat(hashId)},viewMode==="table"?React.createElement(AppstoreOutlined,null):React.createElement(TableOutlined,null)))])})},[tableProps.toolbar,viewMode,setViewMode]);var _React_useState=_sliced_to_array(React.useState({}),2),columnsStateMap=_React_useState[0],setColumnsStateMap=_React_useState[1];var userColumnsStateChange=tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:_tableProps_columnsState.onChange;var handleColumnsStateChange=React.useCallback(function(map){setColumnsStateMap(map||{});userColumnsStateChange===null||userColumnsStateChange===void 0?void 0:userColumnsStateChange(map)},[userColumnsStateChange]);var handleGridSelectChange=React.useCallback(function(keys,rows,info){setSelectedRowKeys(keys);setSelectedRows(rows);if(rowSelection&&(typeof rowSelection==="undefined"?"undefined":_type_of(rowSelection))==="object"&&rowSelection.onChange){rowSelection.onChange(keys,rows,info||{})}},[rowSelection,setSelectedRowKeys,setSelectedRows]);var handleViewClick=React.useCallback(createOperationHandler("view",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail),[onGetDetail]);var handleUpdateClick=React.useCallback(createOperationHandler("update",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail),[onGetDetail]);var handleRemoveClick=React.useCallback(function(record,index){return _async_to_generator(function(){var result,_actionRef_current_reload,_actionRef_current,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!onRemove)return[3,6];_state.label=1;case 1:_state.trys.push([1,5,,6]);return[4,onRemove(record,index)];case 2:result=_state.sent();if(result===false){return[2,false]}if(!(actionRef===null||actionRef===void 0?void 0:actionRef.current))return[3,4];return[4,(_actionRef_current_reload=(_actionRef_current=actionRef.current).reload)===null||_actionRef_current_reload===void 0?void 0:_actionRef_current_reload.call(_actionRef_current,true)];case 3:_state.sent();_state.label=4;case 4:setSelectedRowKeys([]);setSelectedRows([]);return[2];case 5:error=_state.sent();console.error("删除失败:",error);return[2];case 6:return[2]}})})()},[onRemove,actionRef,setSelectedRowKeys,setSelectedRows]);var finalColumns=React.useMemo(function(){var hasActions=showViewBtn||showUpdateBtn||showRemoveBtn||rowButtonItems.length>0;var columnsWithDefaults=ColumnHelper.addDefaultConfig(columns);if(!showOperateColumn||!hasActions){return columnsWithDefaults}if(ColumnHelper.hasActionColumn(columns)){return columnsWithDefaults}return _to_consumable_array(columnsWithDefaults).concat([{title:"操作",key:"actions",dataIndex:"actions",valueType:"option",fixed:"right",width:260,render:function(_,record,index){return React.createElement(RowActions,{record:record,index:index,showViewBtn:showViewBtn,viewBtnProps:viewBtnProps,onView:handleViewClick,showUpdateBtn:showUpdateBtn,updateBtnProps:updateBtnProps,onUpdate:handleUpdateClick,showRemoveBtn:showRemoveBtn,removeBtnProps:removeBtnProps,onRemove:handleRemoveClick,rowButtonItems:rowButtonItems,maxCount:rowButtonMaxCount,buttonGroupProps:buttonGroupProps})}}])},[columns,showViewBtn,showUpdateBtn,showRemoveBtn,rowButtonItems,showOperateColumn,handleViewClick,handleUpdateClick,handleRemoveClick,viewBtnProps,updateBtnProps,removeBtnProps,rowButtonMaxCount,buttonGroupProps]);var sortedColumns=React.useMemo(function(){return _to_consumable_array(finalColumns).sort(function(a,b){var _columnsStateMap_aKey,_columnsStateMap_bKey;var aKey=String(a.key||a.dataIndex||"");var bKey=String(b.key||b.dataIndex||"");var _columnsStateMap_aKey_order;var aOrder=(_columnsStateMap_aKey_order=(_columnsStateMap_aKey=columnsStateMap[aKey])===null||_columnsStateMap_aKey===void 0?void 0:_columnsStateMap_aKey.order)!==null&&_columnsStateMap_aKey_order!==void 0?_columnsStateMap_aKey_order:0;var _columnsStateMap_bKey_order;var bOrder=(_columnsStateMap_bKey_order=(_columnsStateMap_bKey=columnsStateMap[bKey])===null||_columnsStateMap_bKey===void 0?void 0:_columnsStateMap_bKey.order)!==null&&_columnsStateMap_bKey_order!==void 0?_columnsStateMap_bKey_order:0;return aOrder-bOrder})},[finalColumns,columnsStateMap]);var defaultGridCardRender=React.useCallback(function(params){return React.createElement(GridCard,_object_spread_props(_object_spread({},params),{sortedColumns:sortedColumns,fieldsPerRow:gridCardFieldsPerRow}))},[sortedColumns,gridCardFieldsPerRow]);var finalGridCardRender=gridCardRender||defaultGridCardRender;var mergedTableExtraRender=React.useCallback(function(tableProps,dataSource){var extraNodes=[];var customExtra=tableExtraRender===null||tableExtraRender===void 0?void 0:tableExtraRender(tableProps,dataSource);var searchNode=search!==false?React.createElement(ProTableSearch,_object_spread({key:"search"},props)):null;var nodesToAdd=tableExtraRenderPosition==="above"?[customExtra,searchNode]:[searchNode,customExtra];nodesToAdd.forEach(function(node){if(node){extraNodes.push(node)}});if(extraNodes.length===0){return null}if(extraNodes.length===1){return extraNodes[0]}return React.createElement(React.Fragment,null,extraNodes)},[search,tableExtraRender,tableExtraRenderPosition,props]);var mergedParams=useMemo(function(){var baseParams=tableProps.params||{};var searchParams=searchFormValues||{};return _object_spread({},baseParams,searchParams)},[tableProps.params,searchFormValues]);return wrapCSS(React.createElement(ProTable,_object_spread_props(_object_spread({},restTableProps),{className:classNames(viewMode==="grid"?"".concat(prefixCls,"-grid-mode"):undefined,hashId,className),params:mergedParams,columns:finalColumns,search:false,cardProps:false,actionRef:actionRef,headerTitle:React.createElement(ProTableHeaderTitle,props),rowSelection:mergedRowSelection,pagination:mergedPagination,scroll:mergedScroll,options:mergedOptions,toolbar:toolbar,onLoadingChange:function(loading){setLoading(loading)},onDataSourceChange:function(datas){setDataSource(datas)},columnsState:_object_spread_props(_object_spread({},tableProps.columnsState),{onChange:function onChange(map){handleColumnsStateChange(map)}}),tableExtraRender:mergedTableExtraRender,tableRender:function(_,dom){if(viewMode==="grid"){return React.createElement("div",null,dom,React.createElement(Spin,{spinning:loading},React.createElement(GridView,{dataSource:dataSource,cardRender:finalGridCardRender,gridColumns:gridColumns,pagination:mergedPagination,rowSelection:rowSelection,selectedRowKeys:selectedRowKeys,onSelectChange:handleGridSelectChange,rowKey:tableProps.rowKey})))}return dom}})))};export default ProTableList;
|
package/dist/ProTable/types.d.ts
CHANGED
|
@@ -338,7 +338,7 @@ export type ProTableProps<DataSource extends Record<string, any> = Record<string
|
|
|
338
338
|
gridCardRender?: GridCardRender<DataSource>;
|
|
339
339
|
/**
|
|
340
340
|
* @description 网格列数配置
|
|
341
|
-
* @default { xs: 1, sm: 2, md: 3, lg:
|
|
341
|
+
* @default { xs: 1, sm: 2, md: 3, lg: 3, xl: 3, xxl: 3 }
|
|
342
342
|
*/
|
|
343
343
|
gridColumns?: {
|
|
344
344
|
xs?: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "villianjs-pro",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.93",
|
|
4
4
|
"description": "React + TypeScript business component library for Ant Design / Pro Components. 中后台业务组件库：ProTable、TabSelector、导入导出、树选择、列表与表单增强。",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@tanstack/react-virtual": "^3.13.13",
|
|
52
52
|
"@vlian/utils": "^0.0.29",
|
|
53
53
|
"ahooks": "^3.9.5",
|
|
54
|
-
"lodash": "^4.17.
|
|
54
|
+
"lodash": "^4.17.23",
|
|
55
55
|
"nanoid": "^5.1.5",
|
|
56
56
|
"react-window": "^2.2.3"
|
|
57
57
|
},
|
|
@@ -98,17 +98,17 @@
|
|
|
98
98
|
"eslint": "^9.33.0",
|
|
99
99
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
100
100
|
"eslint-plugin-react-refresh": "^0.4.20",
|
|
101
|
-
"eslint-plugin-storybook": "^
|
|
101
|
+
"eslint-plugin-storybook": "^10.2.19",
|
|
102
102
|
"globals": "^16.3.0",
|
|
103
103
|
"playwright": "^1.55.0",
|
|
104
104
|
"react": "^19.1.1",
|
|
105
105
|
"react-dom": "^19.1.1",
|
|
106
106
|
"react-router-dom": "^7.9.1",
|
|
107
|
-
"storybook": "^
|
|
107
|
+
"storybook": "^10.2.19",
|
|
108
108
|
"swc": "^1.0.11",
|
|
109
109
|
"typescript": "~5.8.3",
|
|
110
110
|
"typescript-eslint": "^8.39.1",
|
|
111
|
-
"vite": "^7.1.
|
|
111
|
+
"vite": "^7.1.11",
|
|
112
112
|
"vitest": "^3.2.4"
|
|
113
113
|
},
|
|
114
114
|
"packageManager": "pnpm@10.6.4+sha512.da3d715bfd22a9a105e6e8088cfc7826699332ded60c423b14ec613a185f1602206702ff0fe4c438cb15c979081ce4cb02568e364b15174503a63c7a8e2a5f6c"
|