kn-cli 1.0.134 → 1.0.136

package/templates/template_admin_antd5/public/src/route.jsx

@@ -5,10 +5,9 @@ import { HashRouter, Routes, Route, Navigate, useNavigate } from 'react-router-d
 import { LayoutBasic, AbsoluteLayout } from '@/components/layout';
 import ErrorBoundary from '@/components/error';
 
-
-import PageLoading from '@/components/page/pageLoading';
 import { AuthLogin } from '@/components/auth';
 import NavCheck from '@/components/auth/navCheck';
+import {Spin} from '@/components/antd';
 
 
 import LeftMenu from '@/components/leftMenu';
@@ -26,6 +25,12 @@ const Page503 = React.lazy(() => import('@/pages/error/503'));
 
 const AntdComponents = React.lazy(() => import('@/pages/antdComponents'));
 
+const LazyLoad = React.lazy(() =>
+  new Promise((resolve) =>
+    setTimeout(() => resolve(import('@/pages/lazyLoad')), 5000)
+  )
+);
+
 
 
 const GetIndexRoute=()=>{
@@ -38,7 +43,6 @@ const GetIndexRoute=()=>{
     for(let _menu of menu.topMenu){
       let req = menu.findHasAuthMenu(_menu,app.auths);
       if(req){
-        debugger;
         nav(req.url);
         return;
       }
@@ -83,7 +87,7 @@ const renderMenuConfig=(menu)=>{
 export const RouteList = (
   <Routes>
     <Route path='/' element={
-      <Suspense fallback={<PageLoading />}>
+      <Suspense fallback={<Spin spinning tip='页面加载中' fullscreen></Spin>}>
         <AbsoluteLayout />
       </Suspense>}
     >
@@ -105,12 +109,13 @@ export const RouteList = (
           menuConfig.map(menu=>renderMenuConfig(menu))
         }
         
-        <Route path='/antd' element={<AntdComponents/>} />
-s       <Route path='/403' element={<Page403/>} />
-        <Route path='/404' element={<Page404/>} />
-        <Route path='/503' element={<Page503/>} />
-        <Route path='*' element={<Navigate to='/404' />} />
+        <Route path='/lazyLoad' element={<LazyLoad/>} />
       </Route>
+      <Route path='/antd' element={<AntdComponents/>} />
+      <Route path='/403' element={<Page403/>} />
+      <Route path='/404' element={<Page404/>} />
+      <Route path='/503' element={<Page503/>} />
+      <Route path='*' element={<Navigate to='/404' />} />
     </Route>
   </Routes>
 );

package/templates/template_admin_antd5/public/src/services/demo.js

@@ -1,6 +1,6 @@
 
 
-import moment from 'moment';
+import moment from '@/utils/moment';
 import {GET_DEFAULT,POST_DEFAULT,API_ROOT} from './index';
 
 const MAX_TOTAL=100;
@@ -10,6 +10,13 @@ let LIST=null;
 
 const createData=(id)=>{
   const selectValue=['1','2','3','4','5','6']
+  let children=[];
+  for(let i=0;i<3;i++){
+    children.push({
+      id:`${id}-${i}`,
+      name:`${id}-${i}`
+    })
+  }
   return {
     id:`${id}`,
     img:'https://image.knscq.com/216376107732045824-%E5%B0%8F%E7%A8%8B%E5%BA%8F1024.png',
@@ -30,7 +37,8 @@ const createData=(id)=>{
     ],
     videoName:'https://nebula-api.oss-cn-shanghai.aliyuncs.com/20240329/fc172bf8-1f61-4464-8d48-29b98a42fb4a/1711701991414-12827489.mp4',
     disabled:id%2?true:false,
-    state:id%2?1:2
+    state:id%2?1:2,
+    children
   }
 };
 
@@ -47,6 +55,18 @@ function updateListData(){
 } 
 
 
+export function GET_RECORDS_BY_PAGE(params){
+  const {current,pageSize}= params;
+  let idx=(current-1)*pageSize;
+  if(!LIST)updateListData();
+  let data=[];
+  for(let i=0;i<pageSize;i++){
+    if(idx>=MAX_TOTAL+CREATE_COUNT)break;
+    data.push({...LIST[idx]});
+    idx++;
+  }
+  return data;
+}
 
 export function GET_LIST(params) {
   const {current,pageSize,...querys}= params;
@@ -83,3 +103,19 @@ export function UPDATE(params) {
   return POST_DEFAULT(`${API_ROOT}/api/demo/update`,params)
 }
 
+
+
+/**
+ * 将接口数据转化成usePaginationWithForm能使用的数据
+ * 这里根据每个项目后端的数据结构要改写
+ */
+export const FormatDemoTableService = (req)=>{
+  const { records, current, pages, size, total } = req.data;
+  let _req={
+    code: 0,
+    data: records,
+    page: { current, total, pageSize: size, cursor: '' }
+  };
+  return _req;
+};
+

package/templates/template_admin_antd5/public/src/services/interceptor/index.js

@@ -18,16 +18,43 @@ export const DefaultRequest=(config)=> {
 }
 
 
-
+/**
+ * 将接口数据转化成usePaginationWithForm能使用的数据
+ * 这里根据每个项目后端的数据结构要改写
+ * 
+ * @param {*} response 
+ * @returns {ServicesResponse}
+ */
 export const FormatTableService = (response)=>{
   let req={
     code:response[RESPONSE_STRUCT.CODE]||0,
     data:response[RESPONSE_STRUCT.DATA]||null,
     msg:response[RESPONSE_STRUCT.MSG]||''
   };
-  if(response[RESPONSE_STRUCT.PAGINATION]){
-    req.page = response[RESPONSE_STRUCT.PAGINATION]
+  debugger;
+  let keyPagination = response[RESPONSE_STRUCT.PAGINATION];
+  if( keyPagination in response){
+    req.page={
+      current:response[keyPagination].current,
+      pageSize:response[keyPagination].pageSize,
+      total:response[keyPagination].total,
+    }
   }
+  else if( 'pages' in req.data ){
+    req.page = {
+      current:req.data.current,
+      pageSize:req.data.size,
+      total:req.data.total,
+      cursor:req.data.cursor||'',
+    }
+    if('hasMore' in req?.data){
+      req.page.more = req.data.hasMore;
+    }
+    req.data = req.data.records;
+  }
+  const { records, ...otherDataInfo } = response.data || {};
+  req.otherDataInfo = otherDataInfo;
+
   return req;
 };
 

package/templates/template_admin_antd5/public/src/types/global.d.js

@@ -0,0 +1,306 @@
+
+/**
+ * @typedef {import('antd/lib/form/hooks/useForm').FormInstance<any>} AtndForm
+ */
+
+/**
+ * 可自行扩展任意数量的属性
+ * @typedef {Object<string, any>} OtherAny
+ */
+
+
+/**
+ * JSX组件
+ * @typedef {*} JSXComponent
+ */
+
+/**
+ * 指向DOM节点的ref
+ * @typedef {object} RefDomElement
+ * @property {HTMLElement} current - DOM节点
+ */
+
+
+/**
+ * 分页
+ * @typedef {object} Pagination
+ * @property {number} current - 当前页码,1~N
+ * @property {number} pageSize=10 - 分页大小
+ * @property {number} total - 总记录条数
+ * @property {number} startIdx - 当前页面第一条的数据索引起始值
+ * 
+ */
+
+
+/**
+ * 分页类型接口返回的data格式
+ * @template [T=object]
+ * @typedef {object} PaginationData
+ * @property {number} current - 接口处理结果,0为成功
+ * @property {number} pages - 接口返回的数据
+ * @property {number} size - 接口返回的数据
+ * @property {number} total - 接口返回的数据
+ * @property {T[]} [records] - 内容
+ * 
+ */
+
+/**
+ * 接口response数据
+ * @template [T=object]
+ * @typedef {object} ServicesResponse
+ * @property {number} code - 接口处理结果,0为成功
+ * @property {T} data - 接口返回的数据
+ * @property {string} [msg] - 消息内容
+ * 
+ */
+
+/**
+ * 接口response数据
+ * @template [T=object]
+ * @typedef {object} ServicesListResponse
+ * @property {number} code - 接口处理结果,0为成功
+ * @property {PaginationData<T>} data - 接口返回的数据
+ * @property {string} [msg] - 消息内容
+ * 
+ */
+
+
+/**
+ * 设置菜单属性
+ * @typedef MenuConfig
+ * @property {string} primaryId - 菜单的primaryId值
+ * @property {('msgCount'|'icon'|'name')} key - 需要设置的字段名称
+ * @property {any} value - 字段值
+ */
+
+/**
+ * 菜单项
+ * @typedef RouteMenuItem
+ * @property {string} name - 菜单展示的名称
+ * @property {JSX.Element} [component] - 菜单对应的页面JSX组件
+ * @property {boolean} [noAutoMatch=false] - 关闭自动菜单匹配跳转
+ * @property {string|JSX.Element} [icon] - 菜单图标
+ * @property {string} [url] - 菜单的URL地址
+ * @property {string} [routeTemplate] - 菜单的路由模版，用于匹配动态路由
+ * @property {number} [msgCount] - 菜单的未读消息数量
+ * @property {boolean} [hideMenu=false] - 是否为隐藏的菜单，隐藏的菜单不会展示独立菜单，但是会匹配路由
+ * @property {string[]|boolean} [auth] - 允许访问该菜单的权限列表
+ * @property {RouteMenuItem[]} [children] - 子菜单
+ * @property {string} [primaryId] - 菜单的唯一ID，如果存在primaryId，则菜单的key同primaryId
+ * @property {string} [key] - 会自动生成的菜单唯一ID，如果菜单配置内存在了primaryId，则会取该id
+ * @property {string} [parentKey] - 父级菜单的key，自动生成的
+ * @property {RouteMenuItem} [parent] - 父级菜单的key，自动生成的
+ * @property {boolean} [hideLeftMenu=false] - 进入页面后隐藏左侧导航菜单
+ * 
+ */
+
+
+/**
+ * 权限属性
+ * @typedef AuthItem
+ * @property {string} id - 权限ID
+ * @property {string} name - 权限名称
+ * @property {string} description - 权限展示名称
+ * @property {AuthItem[]} [children] - 子权限集
+ * @property {string} [type] - 隶属哪个模块,module/field/product/api
+ * @property {string} [nodeId] - 节点唯一ID
+ * @property {AuthItem} [parent] - 父节点权限
+ * @property {boolean} [isGroup] - 是否是一个组节点
+ * 
+ * 
+ */
+
+
+/**
+ * 权限组
+ * @typedef AuthGroups
+ * @property {AuthItem[]} module - 模块权限
+ * @property {AuthItem[]} field - 字段权限
+ * @property {AuthItem[]} product - 产品权限
+ */
+
+
+/**
+ * 各类选择框组件
+ * @typedef SelectListProps
+ * @property {string} [name] - 调试名称
+ * @property {boolean} [debug=false] - 开启调试日志
+ * @property {'single'|'multiple'} [mode='single'] - 单选/多选模式
+ * @property {(value:string|string[],items:object|object[])=>void} [onChange] - 选择发生变化时的回调
+ * @property {(value:string|string[])=>void} [onBlur] - 失焦时的回调
+ * @property {string|string[]} [value] - 选择发生变化时的回调
+ * @property {object} [style={}] - 样式
+ * @property {string} [placeholder] - 提示
+ * @property {boolean} [allowClear=false] - 一键删除按钮
+ * @property {boolean} [showAll=false] - 是否第一个展示全部选项
+ * @property {string} [allValue=''] - 定义全部选项的值是哪种类型，''代表空字符串
+ * @property {(id:string)=>SelectItem} [onNoMatchData] - 当没有匹配到数据时的回调
+ * @property {{id:number|string,label:string}[]} [noMatchList] - 为匹配到数据时的备用匹配数据
+ * @property {string} [onNoMatchDataLabel] - 当单选时，默认选中的数据没有匹配到合法数据时展示的label
+ * @property {object} [params={}] - 扩展参数
+ * @property {boolean} [disabled=false] - 是否禁止编辑
+ * @property {boolean} [noCheckNotFound=false] 是否禁止做不匹配数据的检查补全
+ * @property {string} [className='']
+ * @property {number|boolean} [maxTagCount] - 多选时最多支持的标签数量
+ * @property {JSX.Element|string} [suffixIcon] 选择框尾部的icon
+ * @property {(value:string|string[],items:object|object[])=>Promise<boolean>} [canChange] - 用于在切换选项时拦截决定是否允许变更
+ * @property {boolean} [required=false] - 是否为必选，必选的话不允许allowClear
+ * @property {(list:SelectItem[])=>object} [onDefaultSelect] - 初始化后如果需要有默认选中项的计算的话，可以通过这里拦截
+ * @property {(list:SelectItem[])=>void} [onListUpdate] - 每当列表内的数据更新时回调
+ * @property {()=>SelectItem[]} [getItems] - 获取所有有效数据
+ * @property {string} [size='middle']
+ * @property {number|boolean} [dropdownMatchSelectWidth] - 下拉展开框的宽度
+ * @property {number} [maxCount] - 多选情况下最多可选数量
+ * @property {any[]} [list] - 选项列表
+ * @property {(list:SelectItem[])=>void} [onAfterListUpdate] - 每当列表内的数据更新时回调，它的触发时间节点在组件init后
+ * @property {boolean} [antd5=false] - 是否使用antd5的组件
+ */
+
+/**
+ * @typedef SelectItem
+ * @property {string} label - 文本下拉框里展示的文本
+ * @property {string} value - 文本下拉框里选项的值
+ * @property {any} data - 文本下拉框里选项对应的原始数据
+ * @property {boolean} [isNoFind] - 是否是缺失的数据
+ * @property {boolean} [_delete] - 是否删除该选项
+ */
+
+/**
+ * @typedef UseSelectList
+ * @property {(list:SelectItem[])=>Promise<boolean>} init - 初始化函数
+ * @property {string|number|string[]|number[]} value - 值发生变化时的回调
+ * @property {SelectItem[]} list - 选择的数据列表
+ * @property {(value)=>void} setValue - 设置当前值
+ * @property {object} props - 继承给Select组件的通用属性
+ * @property {(value:string|string[])=>object[]} getItemByValue - 通过ID获取到所有匹配的对象数据
+ * @property {()=>SelectItem[]} [getItems] - 获取所有有效数据
+ * 
+*/
+
+
+/**
+ * @typedef SelectItemOption
+ * @property {string} label - 显示的名称
+ * @property {string} value - 唯一值
+ * @property {object} [data] - 原始数据
+ * 
+ */
+
+/**
+ * @typedef DefaultServicesSelectProps
+ * @property {string} [name] - 调试用的名称
+ * @property {object} services - api接口 符合输出的结果为{id:'',name:''}结构
+ * @property {object} [servicesProps={}] - 接口传参
+ * @property {(item:object)=>SelectItemOption} [formatOptionItem] - 用户格式化接口返回的数据成标准option数据
+ * @property {(list:object[]|object)=>SelectItemOption[]} [formatOptionList] - 对整个response处理返回option
+ * @property {(input:string,option:object)=>boolean} [onFilter] - 搜索过滤方法
+ */
+
+
+
+/**
+ * @typedef AntdUploadFile
+ * @property {string} name - 文件名
+ * @property {string} [uid] - 唯一ID
+ * @property {string} [url] - 文件下载地址
+ * @property {number} [percent] - 上传进度
+ * @property {string} [status] - 上传状态，error|success|done|uploading|removed
+ * @property {string} [thumbUrl] - 缩略图地址
+ * @property {string} [crossOrigin] - cors属性设置,'anonymous'|'use-credentials'|''
+ * @property {UploadFile} [response] - 上传结果
+ * 
+*/
+
+/**
+ * 管理Upload组件使用描述文件的数据结构
+ * @typedef UploadFile
+ * @property {string} name - 文件名
+ * @property {string} url - 文件下载地址
+ * @property {string} key - 文件唯一标识
+ * @property {{width:number,height:number,size:number}} [info] - 扩展信息
+ * 
+ */
+
+/**
+ * @typedef UploadHelperOptions
+ * @property {(options:{percent:number})=>void} onProgress - 上传进度回调
+ * @property {(file:UploadFile)=>void} onSuccess - 上传成功后的回调
+ * @property {(e:any)=>void} [onError] - 上传失败的回调
+ * @property {boolean} [keepSource=false] 
+ * @property {boolean} [autoAddPrimaryKey=true] - 是否在上传的时候给文件自动增加唯一key值
+ * @property {(file:object,params?:object)=>string} [onGetUploadKey] - 拦截获取上传用的key值
+ */
+
+
+
+/**
+ * 上传文件的组件
+ * @typedef UploadProps
+ * @property {string} [listType='text'] - 上传的内容类型:text|picture-card
+ * @property {UploadFile[]} [value=[]] - 文件
+ * @property {string[]} [fileTypes] - 支持的文件类型
+ * @property {string} [server] - 上传文件的目标服务,huawei/tencent
+ * @property {string} [fromType=''] - 文件来源的板块
+ * @property {number} [maxCount=1] - 单次最大可上传文件个数
+ * @property {number} [maxSize] - 单个文件最大支持大小，单位KB，默认:5G
+ * @property {JSX.Element|string|function} [children] - 子组件
+ * @property {function} [onRemove] - 子删除文件的监听方法
+ * @property {(files:UploadFile[], initFile:any)=>void} [onChange] - 文件发生变更时的回调
+ * @property {boolean|object} [showUploadList] - 参考antd-upload组件
+ * @property {boolean} [onlyView=false] - 是否仅预览模式，不可上传编辑
+ * @property {boolean} [multiple=true] - 是否是多文件
+ * @property {(options:any,file:any,fileList:any[])=>boolean|Promise<any>} [beforeUpload] - 上传前的拦截器用于检查文件
+ * @property {boolean} [noStyle=false] - 如果true，则不会显示上传后的任何文件
+ * @property {function} [itemRender] - 自定义已上传的元素渲染
+ * @property {function} [onPregress] - 上传进度
+ * @property {(files,fileList,isLast)=>boolean} [onBeforeUpload] - 上传前的检查函数
+ * @property {boolean} [canCover=false] - 是否允许覆盖上传,当文件数量到达最大时新上传的自动覆盖老的
+ * @property {boolean} [keepSource=false] - 是否不对文件进行encode
+ * @property {boolean} [autoAddPrimaryKey=true] - 是否在上传的时候给文件自动增加唯一key值
+ * @property {boolean} [directory=false] - 文件夹上传模式
+ * @property {function} [customRequest] - 自定义上传请求
+ * @property {(file:object)=>string} [onGetUploadKey] - 拦截获取上传用的key值
+ * @property {boolean} [sync=false] - 是否用队列排队上传
+ * @property {(files)=>void} [onBreak] - 当有文件上传失败时的中断拦截器
+ */
+
+/**
+ * @typedef UploadViewProps
+ * @property {AntdUploadFile[]} [fileList] - 上传的文件
+ * @property {React.RefObject} [refUpload] - upload组件的ref
+ * @property {boolean} [onlyView=false] - 是否仅预览模式，不可上传编辑
+ * @property {boolean} [loading=false] - 是否在上传中
+ * @property {string} [btnLabel='上传文件']
+ */
+
+
+
+/**
+ * 弹出式对话框基础属性
+ * @typedef DialogProps
+ * @property {(req:any)=>any} [destory] - 关闭时的回调
+ * @property {any} [rootDom] - 窗口创建的目标DOM
+ */
+
+
+/**
+ * 自定义多选框
+ * @typedef CheckboxProps
+ * @property {(value:string|string[])=>void} [onChange] - 选择发生变化时的回调
+ * @property {string[]} [value] - 选择发生变化时的回调
+ * @property {object} [style={}] - 样式
+ * @property {object} [params={}] - 扩展参数
+ * @property {object} [list={}] - 扩展参数
+ * @property {string} [className='']
+ */
+
+/**
+ * 自定义多选框
+ * @typedef CheckboxItem
+ * @property {string} id  - 数据唯一ID
+ * @property {string} name  - 数据唯一id对应的别名
+ * @property {string} label  - 展示给用户看的文字
+ * @property {string} [type]  - 展示给用户看的文字
+ */
+
+

package/templates/template_admin_antd5/public/src/utils/format.js

@@ -1,5 +1,5 @@
 // @ts-ignore
-import moment from 'moment';
+import moment from '@/utils/moment';
 
 /**
  * 格式化为货币格式

package/templates/template_admin_antd5/public/src/utils/index.js

@@ -1,5 +1,5 @@
 // @ts-ignore
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 
 
@@ -254,7 +254,7 @@ CONSOLE_LOG.log = (moduleName, txt, ...other)=>{
 export const WriteLog=(text)=>{
   let log = localStorage.getItem('nebulaLog');
   let logs=[];
-  text = `[${moment().format('MM-DD HH:mm:ss')}]:${text}`;
+  text = `[${dayjs().format('MM-DD HH:mm:ss')}]:${text}`;
   if(log){
     logs = log.split('\n');
   }else{
@@ -660,7 +660,7 @@ export const startsWithChinese = (str) => {
 
 // 时间早于当日则设为当日
 export const returnAtLeastToDay = (timeStr) => {
-  return moment().isBefore(moment(timeStr)) ? moment(timeStr) : moment();
+  return dayjs().isBefore(dayjs(timeStr)) ? dayjs(timeStr) : dayjs();
 }
 
 /**

package/templates/template_admin_antd5/public/src/utils/moment.js

@@ -0,0 +1,15 @@
+
+
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+
+import duration from 'dayjs/plugin/duration';
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
+
+dayjs.locale('zh-cn');
+dayjs.extend(isSameOrBefore);
+dayjs.extend(duration);
+//@ts-ignore
+dayjs.isMoment=dayjs.isDayjs;
+
+export default dayjs;

package/templates/template_admin_antd5/public/static/version.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.0.0"
+}

package/templates/template_admin_antd5/public/src/components/_table/column.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-
-// @ts-ignore
-import styles from './column.module.less';
-import {DebugTableItem} from '@/components/debug';
-
-
-/**
- * 用于Table组件内渲染列用
- * 一旦设置了width/minWidth/maxWidth后，则会自动根据宽度显示，超出的显示省略号
- * @param {object} props 
- * @param {string|number} [props.width] - 列宽限制，width和minWidth、maxWidth不要同时存在，2者取1
- * @param {string|number} [props.minWidth] - 列宽限制范围
- * @param {string|number} [props.maxWidth] - 列宽限制范围
- * @param {boolean} [props.wrap=false] - 是否允许自动换行
- * @param {number} [props.maxLine=3] - 最大限制换行数
- * @param {object} [props.item] - 源数据对象
- * @param {string|JSX.Element} [props.children] - 显示的列内容
- * 
- * 
- * @returns {JSX.Element}
- */
-const Column=(props)=>{
-  const {width,minWidth,maxWidth,wrap=false,maxLine=3,item={}} = props;
-  const myStyle = {
-  };
-  if(minWidth){myStyle.minWidth=minWidth;}
-  if(maxWidth){myStyle.maxWidth=maxWidth;}
-  if(width){myStyle.width=width;}
-
-  if(width || minWidth || maxWidth){
-    if(wrap && maxLine){
-      myStyle.display='-webkit-box';
-      myStyle.webkitBoxOrient='vertical';
-      myStyle.webkitLineClamp=''+maxLine;
-    }
-  }
-  return (
-    <DebugTableItem item={item}>
-      <div className={styles.column} style={myStyle} data-wrap={wrap}>
-        {props.children??'-'}
-      </div>
-    </DebugTableItem>
-  )
-}
-
-export default Column;

package/templates/template_admin_antd5/public/src/components/_table/column.module.less

@@ -1,12 +0,0 @@
-
-
-.column{
-  flex-wrap: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  &[data-wrap='true']{
-    white-space: normal;
-    flex-wrap: wrap;
-  }
-}

package/templates/template_admin_antd5/public/src/components/_table/index.jsx

@@ -1,71 +0,0 @@
-import React,{useCallback} from 'react';
-// @ts-ignore
-import { Table } from '@/components/antd';
-// @ts-ignore
-import styles from './index.module.less';
-import Column from './column';
-
-export const SCROLL_CONFIG={x:'max-content',y:550} 
-
-/**
- * 页面公共Table组件
- * @param {object} [props] 
- * @param {string} [props.rowKey] - Table主键
- * @param {boolean} [props.loading] - 是否加载中
- * @param {Array} [props.columns] - 表格列
- * @param {Array} [props.dataSource] - 数据数组
- * @param {object} [props.pagination] - 分页器，参考配置项或 pagination 文档，设为 false 时不展示和进行分页
- * @param {object} [props.scroll] - 表格是否可滚动
- * @param {object} [props.page] - 表格数据，包括数据数组、分页参数、loading等
- * 
- * @returns {JSX.Element}
- */
-const PageTable = (props) => {
-  const {
-    rowKey,
-    loading,
-    columns,
-    dataSource,
-    pagination,
-    scroll,
-    page,
-    ...others
-  } = props;
-
-  const paginationFn = useCallback(() => {
-    // pagination=false时不分页
-    if (typeof pagination === 'boolean') {
-      return pagination;
-    }
-    return {
-      pageSizeOptions: [10, 15, 20, 50, 100],
-      current: page?.pagination?.current,
-      pageSize: page?.pagination?.pageSize,
-      total: page?.pagination?.total,
-      showTotal: (total) => `总计${total}条`,
-      ...pagination,
-    };
-  }, [pagination, page]);
-
-  return (
-    <section className={styles.tableScrollWrap}>
-      <Table
-        rowKey={rowKey ?? 'id'}
-        bordered
-        size="small"
-        loading={loading ?? page?.loading?.state}
-        columns={columns}
-        dataSource={
-          dataSource ?? (page?.data?.[page?.pagination?.current - 1] || [])
-        }
-        pagination={paginationFn()}
-        scroll={scroll?{...SCROLL_CONFIG,...scroll}: SCROLL_CONFIG }
-        {...others}
-      />
-    </section>
-  );
-};
-
-
-PageTable.Column = Column;
-export default PageTable;

package/templates/template_admin_antd5/public/src/components/_table/index.module.less

@@ -1,15 +0,0 @@
-
-
-.tableScrollWrap{
-  flex:1;
-  width: 100%;
-  overflow: auto;
-}
-
-.tableWrap{
-  flex:1;
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  overflow: hidden;
-}