villianjs-pro 1.0.43 → 1.0.44
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_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 _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,mode=props.mode,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(){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]);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(columns),2),sortedColumns=_React_useState[0],setSortedColumns=_React_useState[1];React.useEffect(function(){setSortedColumns(columns)},[columns]);var handleColumnsStateChange=React.useCallback(function(map){var _tableProps_columnsState_onChange,_tableProps_columnsState;var newSortedColumns=_to_consumable_array(columns).sort(function(a,b){var _map_aKey,_map_bKey;var aKey=String(a.key||a.dataIndex||"");var bKey=String(b.key||b.dataIndex||"");var _map_aKey_order;var aOrder=(_map_aKey_order=(_map_aKey=map[aKey])===null||_map_aKey===void 0?void 0:_map_aKey.order)!==null&&_map_aKey_order!==void 0?_map_aKey_order:0;var _map_bKey_order;var bOrder=(_map_bKey_order=(_map_bKey=map[bKey])===null||_map_bKey===void 0?void 0:_map_bKey.order)!==null&&_map_bKey_order!==void 0?_map_bKey_order:0;return aOrder-bOrder});setSortedColumns(newSortedColumns);tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:(_tableProps_columnsState_onChange=_tableProps_columnsState.onChange)===null||_tableProps_columnsState_onChange===void 0?void 0:_tableProps_columnsState_onChange.call(_tableProps_columnsState,map)},[columns,tableProps]);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 defaultGridCardRender=React.useCallback(function(params){return React.createElement(GridCard,_object_spread_props(_object_spread({},params),{sortedColumns:sortedColumns,rowKey:tableProps.rowKey,fieldsPerRow:gridCardFieldsPerRow}))},[sortedColumns,tableProps.rowKey,gridCardFieldsPerRow]);var finalGridCardRender=gridCardRender||defaultGridCardRender;var handleViewClick=React.useCallback(createOperationHandler("view",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail,mode),[onGetDetail,mode]);var handleUpdateClick=React.useCallback(createOperationHandler("update",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail,mode),[onGetDetail,mode]);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 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]);return wrapCSS(React.createElement(ProTable,_object_spread_props(_object_spread({},restTableProps),{className:classNames(viewMode==="grid"?"".concat(prefixCls,"-grid-mode"):undefined,hashId,className),params:searchFormValues,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){var _tableProps_columnsState_onChange,_tableProps_columnsState;handleColumnsStateChange(map);tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:(_tableProps_columnsState_onChange=_tableProps_columnsState.onChange)===null||_tableProps_columnsState_onChange===void 0?void 0:_tableProps_columnsState_onChange.call(_tableProps_columnsState,map)}}),tableExtraRender:mergedTableExtraRender,tableRender:function(_,dom){if(viewMode==="grid"){return React.createElement(React.Fragment,null,dom,React.createElement("div",null,React.createElement(Spin,{spinning:loading},React.createElement(GridView,{dataSource:dataSource,cardRender:finalGridCardRender,gridColumns:gridColumns,pagination:mergedPagination,actionRef:actionRef,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 _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,mode=props.mode,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(){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]);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(columns),2),sortedColumns=_React_useState[0],setSortedColumns=_React_useState[1];React.useEffect(function(){setSortedColumns(columns)},[columns]);var handleColumnsStateChange=React.useCallback(function(map){var _tableProps_columnsState_onChange,_tableProps_columnsState;var newSortedColumns=_to_consumable_array(columns).sort(function(a,b){var _map_aKey,_map_bKey;var aKey=String(a.key||a.dataIndex||"");var bKey=String(b.key||b.dataIndex||"");var _map_aKey_order;var aOrder=(_map_aKey_order=(_map_aKey=map[aKey])===null||_map_aKey===void 0?void 0:_map_aKey.order)!==null&&_map_aKey_order!==void 0?_map_aKey_order:0;var _map_bKey_order;var bOrder=(_map_bKey_order=(_map_bKey=map[bKey])===null||_map_bKey===void 0?void 0:_map_bKey.order)!==null&&_map_bKey_order!==void 0?_map_bKey_order:0;return aOrder-bOrder});setSortedColumns(newSortedColumns);tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:(_tableProps_columnsState_onChange=_tableProps_columnsState.onChange)===null||_tableProps_columnsState_onChange===void 0?void 0:_tableProps_columnsState_onChange.call(_tableProps_columnsState,map)},[columns,tableProps]);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 defaultGridCardRender=React.useCallback(function(params){return React.createElement(GridCard,_object_spread_props(_object_spread({},params),{sortedColumns:sortedColumns,rowKey:tableProps.rowKey,fieldsPerRow:gridCardFieldsPerRow}))},[sortedColumns,tableProps.rowKey,gridCardFieldsPerRow]);var finalGridCardRender=gridCardRender||defaultGridCardRender;var handleViewClick=React.useCallback(createOperationHandler("view",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail,mode),[onGetDetail,mode]);var handleUpdateClick=React.useCallback(createOperationHandler("update",setOperationType,setCurrentIndex,setCurrentRecord,setOperationVisible,onGetDetail,mode),[onGetDetail,mode]);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 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){var _tableProps_columnsState_onChange,_tableProps_columnsState;handleColumnsStateChange(map);tableProps===null||tableProps===void 0?void 0:(_tableProps_columnsState=tableProps.columnsState)===null||_tableProps_columnsState===void 0?void 0:(_tableProps_columnsState_onChange=_tableProps_columnsState.onChange)===null||_tableProps_columnsState_onChange===void 0?void 0:_tableProps_columnsState_onChange.call(_tableProps_columnsState,map)}}),tableExtraRender:mergedTableExtraRender,tableRender:function(_,dom){if(viewMode==="grid"){return React.createElement(React.Fragment,null,dom,React.createElement("div",null,React.createElement(Spin,{spinning:loading},React.createElement(GridView,{dataSource:dataSource,cardRender:finalGridCardRender,gridColumns:gridColumns,pagination:mergedPagination,actionRef:actionRef,rowSelection:rowSelection,selectedRowKeys:selectedRowKeys,onSelectChange:handleGridSelectChange,rowKey:tableProps.rowKey}))))}return dom}})))};export default ProTableList;
|