@hzab/edit-table 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,4 +1,12 @@
-# @hzab/edit-table@0.1.3
+# @hzab/edit-table@0.1.5
+
+chore: 本仓迁移版本首次发布（源码直出 `main: "src"` + 类型入口指向 `dist`）
+
+- `getVal` 改由 `@hzab/utils` 提供，移除对 `@hzab/list-render` 的运行时依赖（打破两包循环依赖）
+- 跨包依赖由 `peerDependencies` 调整为 `dependencies`（修正构建顺序）
+- 组件运行时行为与 0.1.4 保持一致
+
+# @hzab/edit-table@0.1.4
 
 fix: 编辑数据优化
 feat:高亮选中行

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 CaiYansong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Template/ExpandListTemplate/index.d.ts

@@ -0,0 +1,2 @@
+import "./index.less";
+export declare const ExpandListTemplate: (props: any) => import("react").JSX.Element;

package/dist/Template/GetBaseTemplate.d.ts

@@ -0,0 +1 @@
+export declare const GetBaseTemplate: (props: any) => import("react").JSX.Element;

package/dist/Template/NumberCellTemplate/index.d.ts

@@ -0,0 +1,3 @@
+import "./index.less";
+declare const NumberCellTemplate: (props: any) => import("react").JSX.Element;
+export default NumberCellTemplate;

package/dist/Template/TextCellTemplate/index.d.ts

@@ -0,0 +1,3 @@
+import "./index.less";
+declare const TextCellTemplate: (props: any) => import("react").JSX.Element;
+export default TextCellTemplate;

package/dist/common/WidthWrapHoc.d.ts

@@ -0,0 +1,24 @@
+import type { Cell, Compatible, Uncertain, UncertainCompatible } from "@silevis/reactgrid";
+export type OptionType = {
+    label: string;
+    value: string | number;
+    isDisabled?: boolean;
+};
+export interface BaseCell extends Cell {
+    selectedValue?: string;
+    value: string | number;
+    values: OptionType[];
+    isDisabled?: boolean;
+}
+export declare const WidthWrapHoc: (WrapComponent: any, props?: {}) => {
+    getCompatibleCell(uncertainCell: Uncertain<BaseCell>): Compatible<BaseCell>;
+    update(cell: Compatible<BaseCell>, cellToMerge: UncertainCompatible<BaseCell>): Compatible<BaseCell>;
+    getClassName(cell: Compatible<BaseCell>, isInEditMode: boolean): string;
+    /** enableEditMode为true 时输入中文会报错 */
+    handleCompositionEnd(cell: Compatible<BaseCell>, eventData: any): {
+        cell: Compatible<BaseCell>;
+        enableEditMode: boolean;
+    };
+    /** render 不能抽出来组件，否则点击会失效 */
+    render(cell: any, isInEditMode: boolean, onCellChanged: (cell: any, commit: boolean) => void): React.ReactNode;
+};

package/dist/common/childAntdComponent.d.ts

@@ -0,0 +1,2 @@
+export declare const childAntdComponent: any;
+export declare const isTriggerBlur: string[];

package/dist/common/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const getNavigatorLanguage: () => string;
+export declare function parseLocaleNumber(stringNumber: string, locale?: string): number;
+export declare function isReactElement(value: any): boolean;
+export declare function convertColumnsToRows(columns: any, headerRowHeight?: number): any;
+export declare function flattenColumns(columns: any[]): any[];

package/dist/index.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("antd"),n=require("@silevis/reactgrid"),r=require("@hzab/form-render"),i=require("@ant-design/icons"),a=require("react/jsx-runtime"),o=require("react/compiler-runtime"),s=require("@hzab/utils/src/formily/field");require("@silevis/reactgrid/styles.css");var c={"DatePicker.MonthPicker":t.DatePicker.MonthPicker,"DatePicker.QuarterPicker":t.DatePicker.QuarterPicker,"DatePicker.RangePicker":t.DatePicker.RangePicker,"DatePicker.TimePicker":t.DatePicker.TimePicker,"DatePicker.WeekPicker":t.DatePicker.WeekPicker,"DatePicker.YearPicker":t.DatePicker.YearPicker,"Input.Password":t.Input.Password,"Input.Search":t.Input.Search,"Input.TextArea":t.Input.TextArea,"TimePicker.RangePicker":t.TimePicker.RangePicker},l=[`DatePicker`,`DatePicker.MonthPicker`,`DatePicker.QuarterPicker`,`DatePicker.RangePicker`,`DatePicker.TimePicker`,`DatePicker.WeekPicker`,`DatePicker.YearPicker`,`TimePicker.RangePicker`],u=(r,o={})=>{class s{getCompatibleCell(e){let t;try{t=(0,n.getCellProperty)(e,`values`,`object`)}catch{t=[]}let r=e.selectedValue?parseFloat(e.selectedValue):NaN,i=!0;try{i=(0,n.getCellProperty)(e,`isDisabled`,`boolean`)}catch{i=!1}let a=e.selectedValue,o=a||``;return{...e,selectedValue:a,text:o,value:r,values:t,isDisabled:i}}update(e,t){let n=e.values.some(e=>e.value==t.text)?t.text:t?.text||void 0;return this.getCompatibleCell({...e,selectedValue:n})}getClassName(e,t){return``}handleCompositionEnd(e,t){return{cell:{...e},enableEditMode:!1}}render(s,c,u){let[d,f]=(0,e.useState)(!1),[p,m]=(0,e.useState)(!1),h=s?.columnId+s?.rowId,[g,_]=(0,e.useState)(s?.text),[v,y]=(0,e.useState)(!1),b=(0,e.useRef)(s?.text),x=(0,e.useRef)();(0,e.useEffect)(()=>{_(s?.text),b.current=s?.text},[s?.text]),(0,e.useEffect)(()=>{function e(e){window.gridEditId!=h&&f(!1)}return document.addEventListener(`click`,e),()=>{document.removeEventListener(`click`,e)}},[]);let S=e=>{let t=!1,n=!1;for(let n of s?.validatorList||[]){n?.pattern?.test(e)&&(t=!0);break}n=!t&&Array.isArray(s?.validatorList)&&s?.validatorList?.length>0,y(n)};(0,e.useEffect)(()=>{if(!p)return;let e=setTimeout(()=>{let e=document.querySelector(`.ant-picker-dropdown`);if(!e)return;let t=e=>{e.stopPropagation()};return e.addEventListener(`pointerdown`,t,!0),()=>{e.removeEventListener(`pointerdown`,t,!0)}},0);return()=>clearTimeout(e)},[p]);let C=()=>{let e=b.current;u(this.getCompatibleCell({...s,text:e,selectedValue:e}),!0)},w=(0,e.useMemo)(()=>l?.includes(s?.type)?{open:p,onOpenChange:e=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{m(e)},80)}}:{},[s]);return(0,e.useEffect)(()=>{!d&&s.type==`Upload`&&window.uploadEdit&&window.uploadEdit==h&&(window.uploadEdit=null,C())},[d,g]),(0,a.jsxs)(`div`,{className:`base-hoc ${d?`base-hoc-edit`:``}`,onDoubleClick:e=>{s?.nonEditable||(s.type===`Upload`&&(window.uploadEdit=h),f(!0))},children:[(0,a.jsx)(r,{...o,onPointerDown:e=>e.stopPropagation(),componentProps:{style:{width:`100%`,display:`flex`,alignItems:`center`},value:g,options:s.values,onChange:e=>{let t=e?.target?.value??e;_(t),b.current=t,S(t)},onBlur:e=>{C(),l?.includes(s?.type)||f(!1)},onPointerDown:e=>{e.stopPropagation()},onKeyDown:e=>{((0,n.isAlphaNumericKey)(e.keyCode)||(0,n.isNavigationKey)(e.keyCode))&&e.stopPropagation()},...w,...s?.getField&&s?.getField()[`x-component-props`]||{}},pattern:d?``:`readPretty`,cell:s}),v&&(0,a.jsx)(t.Popover,{content:s?.validatorMessage??`该字段不合法`,children:(0,a.jsx)(i.InfoCircleOutlined,{className:`validator-icon`})})]})}}return new s},d=t=>{let{pattern:n,cell:r,componentProps:i,Com:o,cellRender:c}=t,l=(0,e.useMemo)(()=>{if(r?.getField)return(0,s.getVal)({...r?.getField&&r?.getField(),enum:r?.getField()?.enum||r?.values},{[r?.getField&&r?.getField().name]:r.text})},[r]);return c&&c(t)?(0,a.jsx)(c,{...t}):(0,a.jsx)(`div`,{className:`base-hoc`,children:n==`readPretty`?(0,a.jsx)(`div`,{children:l}):(0,a.jsx)(o,{className:`rg-input`,ref:e=>{e&&e.focus()},...i})})},f=e=>{let n=(0,o.c)(5),r=e?.componentProps,i;n[0]===r?i=n[1]:(i={...r,type:`number`},n[0]=r,n[1]=i);let s;return n[2]!==e||n[3]!==i?(s=(0,a.jsx)(d,{...e,componentProps:i,Com:t.Input}),n[2]=e,n[3]=i,n[4]=s):s=n[4],s},p=t=>{let n=(0,o.c)(21),{cell:r}=t,{setExpandKeys:s,expandKeys:c,rowKey:l,setNewDataSource:u,record:d}=r,[f,p]=(0,e.useState)(!1),m;n[0]!==d||n[1]!==l||n[2]!==u?(m=e=>{u(t=>{let n=[...t],r=d?.children?.map(e=>e?.[l]);if(e){let e=t?.findIndex(e=>e?.[l]==d?.[l]);return(t?.filter(e=>r?.includes(e?.[l]))||[])?.length==0&&n.splice(e+1,0,...d?.children||[]),[...n]}return t?.filter(e=>!r?.includes(e?.[l]))})},n[0]=d,n[1]=l,n[2]=u,n[3]=m):m=n[3];let h=m,g;n[4]!==c||n[5]!==h||n[6]!==d||n[7]!==l?(g=()=>{c?.includes(d?.[l])&&(p(!0),h(!0))},n[4]=c,n[5]=h,n[6]=d,n[7]=l,n[8]=g):g=n[8];let _=r?.record,v;n[9]===_?v=n[10]:(v=[_],n[9]=_,n[10]=v),(0,e.useEffect)(g,v);let y;n[11]!==f||n[12]!==h||n[13]!==d||n[14]!==l||n[15]!==s?(y=()=>{s(e=>e?.includes(d?.[l])?e?.filter(e=>e!=d?.[l]):[...e,d?.[l]]),p(!f),h(!f)},n[11]=f,n[12]=h,n[13]=d,n[14]=l,n[15]=s,n[16]=y):y=n[16];let b=y,x;return n[17]!==f||n[18]!==b||n[19]!==d?.children?(x=(0,a.jsx)(`div`,{className:`expandList-template`,children:d?.children?(0,a.jsx)(a.Fragment,{children:f?(0,a.jsx)(i.MinusCircleOutlined,{className:`expandList-template-icon`,onClick:b}):(0,a.jsx)(i.PlusCircleOutlined,{className:`expandList-template-icon`,onClick:b})}):(0,a.jsx)(`div`,{style:{width:14}})}),n[17]=f,n[18]=b,n[19]=d?.children,n[20]=x):x=n[20],x};function m(e){return typeof e==`object`&&!!e}var h=e=>typeof e?.title==`function`?m(e?.title())?e?.title()?.props.children:String(e?.title())||``:String(e?.title)||``;function g(e,t=40){let n=e=>e.reduce((e,t)=>t.children?.length?[...e,...n(t.children)]:[...e,t],[]),r=(e,t=1)=>e.reduce((e,n)=>n.children?.length?Math.max(e,r(n.children,t+1)):Math.max(e,t),t),i=n(e),a=r(e),o=i.length,s=(e,t=0)=>e.map(e=>{if(!(e.children?.length>0))return{...e,rowspan:a-t,colspan:1,_depth:t,_isLeaf:!0};let r=n(e.children).length;return{...e,rowspan:1,colspan:r,_depth:t,_isLeaf:!1,children:s(e.children,t+1)}}),c=s(e,0),l=Array.from({length:a},(e,n)=>({rowId:`header-${n}`,height:t,cells:[]})),u=e=>[`rowSelection`,`ExpandListTemplate`].includes(e?.type)?e?.type:m(typeof e?.title==`function`?e?.title():null)?`${e?.dataIndex}`:`header`,d=(e,t=0)=>{e.forEach(e=>{if(e._isLeaf){let n={...e,type:u(e),text:h(e),dataIndex:e.dataIndex,width:e.width,rowspan:e.rowspan,style:e?.style?e?.style:{background:`rgba(128, 128, 128, 0.1)`,display:`flex`,justifyContent:`center`}};e.sorter&&(n.sorter=e.sorter),e.key&&(n.key=e.key),l[t].cells.push(n)}else l[t].cells.push({...e,type:u(e),text:h(e),colspan:e.colspan,style:e?.style?e?.style:{background:`rgba(128, 128, 128, 0.1)`,display:`flex`,justifyContent:`center`}}),e.children&&d(e.children,t+1)})};d(c,0),l.forEach((e,t)=>{let n=[],r=0,s=0;for(;r<o;){let o=e.cells[s];if(!o){let e=i[r];n.push({...e,type:u(e),text:h(e),dataIndex:e.dataIndex,width:e.width,rowspan:t===a-1?1:void 0,style:e?.style?e?.style:{background:`rgba(128, 128, 128, 0.1)`,display:`flex`,justifyContent:`center`}}),r++,s++;continue}let c=o.colspan||1;if((o.rowspan||1)>1&&t>0){r+=c,s++;continue}n.push(o),r+=c,s++;for(let e=1;e<c;e++)n.push({type:`header`,text:``})}e.cells=n});let f=l[a-1],p=[];return i.forEach((e,t)=>{let n=f.cells.find(t=>t.dataIndex===e.dataIndex&&t.text===e.title);n?p.push(n):p.push({...e,type:u(e),text:h(e),dataIndex:e.dataIndex,width:e.width,rowspan:1,style:e?.style?e?.style:{background:`rgba(128, 128, 128, 0.1)`,display:`flex`,justifyContent:`center`}})}),f.cells=p,l.forEach(e=>{for(;e.cells.length<o;)e.cells.push({type:`header`,text:``})}),l}function _(e){let t=[];function n(e){e.forEach(e=>{if(e.children&&e.children.length>0)n(e.children);else{let{title:n,dataIndex:r,key:i,width:a,sorter:o,k:s,...c}=e;t.push({type:`Input`,dataIndex:r,title:n,...i&&{key:i},...a&&{width:a},...o&&{sorter:o},...s&&{k:s},...c})}})}return n(e),t}function v(i,o){let{columns:s,dataSource:l,formulaConfig:h,onChange:v,reactGridProps:y={},onEditSubmit:b,headerRowHeight:x=44,rowHeight:S=44,reactGridStyle:C,className:w,Slots:T,rowSelection:E,rowKey:D=`id`,query:O,loading:k,isExpand:A=!1,getList:j,onRow:M}=i,[N,P]=(0,e.useState)([]),[F,I]=(0,e.useState)([]),L=(0,e.useRef)([]),[R,z]=(0,e.useState)([]),[B,V]=(0,e.useState)([]),[H,U]=(0,e.useState)([]),[W,G]=(0,e.useState)([]),[K,ee]=(0,e.useState)([]),[te,q]=(0,e.useState)([]),J=(0,e.useRef)(),ne=(0,e.useRef)(),Y=(0,e.useRef)();(0,e.useImperativeHandle)(o,()=>({rows:F}));let X=(e,t=0)=>{e?.forEach(e=>{e.level=t+1,e?.children&&X(e?.children,e.level)})};(0,e.useEffect)(()=>{X(l),U(l)},[l]),(0,e.useEffect)(()=>{F.map(e=>e.rowId)?.includes(J.current)||q([])},[F]);let re=e=>{let t=e?.cells?.[0]?.record,n=[`_$actions`,`rowSelection`],r={id:e?.rowId};return e?.cells?.forEach(e=>{e?.columnId&&!n?.includes(e?.columnId)&&(r[e?.columnId]=e?.text||e?.value||e?.selectedValue||``,e?.type==`Number`&&(r[e?.columnId]=e?.value))}),{...t,...r}};(0,e.useEffect)(()=>{if(Array.isArray(s)&&s?.length>0){A&&s.unshift({type:`ExpandListTemplate`,width:14,key:`ExpandListTemplate`,nonEditable:!0,style:E?.style||{background:`rgba(128, 128, 128, 0.1)`}}),E&&s.unshift({type:`rowSelection`,nonEditable:!0,width:E?.width||30,key:`rowSelection`,style:E?.style||{background:`rgba(128, 128, 128, 0.1)`,display:`flex`,justifyContent:`center`}}),P(g(s,x));let e=_(s);z(e?.map((e,t)=>({...e,columnId:e?.dataIndex||e?.key||e?.name||``})))}},[s,E]);let Z={},Q=e=>{e?.forEach(e=>{if(m(typeof e?.title==`function`?e?.title():null)){let t=e?.title;Z[e?.dataIndex]=u(t)}e?.children&&Q(e?.children)})};(0,e.useEffect)(()=>{Q(s),ee(Z)},[s]),(0,e.useEffect)(()=>{let e=R?.map(e=>e?.columnId),t=H?.map((t,n)=>({rowId:t[D],height:S,cells:e?.map((e,r)=>{let i={},a=R[r],o=t[e],s=a?.type??`text`;if(h){for(let n in h)if(n==e){let e=h[n];i={text:e?.setCellData&&e?.setCellData(t),value:e?.setCellData&&e?.setCellData(t),style:e?.setCellStyle&&e?.setCellStyle(e?.setCellData&&e?.setCellData(t)||t)}}}return{...a,record:t,rowId:t[D]||a?.type,type:s,nonEditable:a?.nonEditable,text:String(o||``),value:o,selectedValue:o||``,style:a?.type==`rowSelection`?{display:`flex`,justifyContent:`center`}:{},...M&&M(t,n,r)||{},...a?.onCell&&a?.onCell(t,n,r)||{},...a?.cellProps||{},setNewDataSource:U,setExpandKeys:G,rowKey:D,expandKeys:W,Slots:T,...i}})})),n=[...N,...t];I(n)},[H,R,N]),(0,e.useEffect)(()=>{k&&((F?.find(e=>e?.rowId==Y.current?.rowId))?.cells?.find(e=>e?.columnId==Y.current?.columnId),{...Y.current},L.current=F)},[k,F]);let ie=async e=>{let t=[];if(!Array.isArray(e)||e.length===0)return;let n=!1;if(e?.length>1&&(n=!0),I(r=>(e.forEach(async e=>{let i=r.findIndex(t=>t.rowId==e.rowId),a=R.findIndex(t=>t.columnId==e.columnId);if(r[i].cells[a]={...e.newCell},Y.current={...e.newCell},t.push(re(r[i])),h)for(let e in h){let t=h[e],n=R.findIndex(t=>t.columnId==e),a={...r[i].cells[n],text:t?.setCellData&&t?.setCellData(r[i]),value:t?.setCellData&&t?.setCellData(r[i]),style:t?.setCellStyle&&t?.setCellStyle(t?.setCellData&&t?.setCellData(r[i])||r[i])};r[i].cells[n]=a}if(b&&!n)try{await b(t)}catch{j&&j()}v&&v(r[i])}),[...r])),n)try{b&&await b(t)}catch{j&&j()}},ae=(0,e.useMemo)(()=>{let e={...r.antdComponents||{},...r.customComponents||{},...c},t={};for(let n in e)t[n]=u(t=>(0,a.jsx)(d,{...t,...i,Com:e[n]}));return t},[r.antdComponents,r.customComponents]),oe=e=>{let t=F?.find(t=>t?.rowId==e?.cell?.rowId);return(0,a.jsxs)(`div`,{onPointerDown:e=>e.stopPropagation(),children:[T?.tableActionsSlot&&(0,a.jsx)(T.tableActionsSlot,{...e?.cell,rowData:t}),T?.actionPrefixSlot&&(0,a.jsx)(T.actionPrefixSlot,{...e?.cell,rowData:t}),T?.actionCenterSlot&&(0,a.jsx)(T.actionCenterSlot,{...e?.cell,rowData:t}),T?.actionSuffixSlot&&(0,a.jsx)(T.actionSuffixSlot,{...e?.cell,rowData:t})]})};function $(e){let t=[];function n(e){for(let r of e)t.push(r),r.children&&r.children.length&&n(r.children)}return n(e),t}let se=e=>{let{record:n,rowId:r}=e?.cell,i=$(l);return(0,a.jsx)(t.Checkbox,{...e?.componentProps,checked:E?.selectedRowKeys?.includes(n&&n[D]||``)||E?.selectedRowKeys?.length==i?.length&&i?.length>0,indeterminate:!r&&E?.selectedRowKeys?.length>0&&E?.selectedRowKeys?.length<i?.length,onChange:e=>{if(e.target.checked&&r){let e=[...E?.selectedRowKeys,n[D]],t=i?.filter(t=>e?.includes(t[D]));E?.onChange(e,t)}else if(!e.target.checked&&r){let e=E?.selectedRowKeys?.filter(e=>e!=n[D]),t=i?.filter(t=>e?.includes(t[D]));E?.onChange(E?.selectedRowKeys?.filter(e=>e!=n[D]),t)}else if(e.target.checked&&!r){let e=i?.map(e=>e[D]),t=i?.filter(t=>e?.includes(t[D]));E?.onChange(i?.map(e=>e[D]),t)}else!e.target.checked&&!r&&E?.onChange([],[])}})};(0,e.useEffect)(()=>{if(E){let e=$(l)?.filter(e=>B?.includes(e[D]));E?.onChange(B,e)}},[B,l]),(0,e.useEffect)(()=>{V([])},[O?.pageNum]);let ce=(0,e.useMemo)(()=>{let e={};for(let t in y?.customCellTemplates){let n=y?.customCellTemplates[t];e[t]=u(n)}return e},[y?.customCellTemplates]),le=(e,t)=>{let n=t?.find(t=>t?.rowId==e?.rowId)?.cells?.map(t=>({columnId:t?.columnId,rowId:e?.rowId,className:`custom-highlights-row`,borderColor:`transparent`}));J.current=e?.rowId,q(n)};return(0,a.jsx)(t.Spin,{spinning:k,children:(0,a.jsxs)(`div`,{className:`grid-container ${w}`,style:C,children:[(0,a.jsx)(n.ReactGrid,{ref:ne,rows:k?L.current:F,columns:R,onCellsChanged:ie,enableFillHandle:!0,enableRangeSelection:!0,horizontalStickyBreakpoint:120,...y,highlights:y?.highlights??te,onFocusLocationChanging:e=>{let t=e?.columnId+e?.rowId;return window.gridEditId=t,typeof e?.rowId==`string`&&e?.rowId?.indexOf(`header-`)>-1||(y?.isRowHighlights&&e?.columnId&&le(e,F),[`_$actions`,`rowSelection`,`ExpandListTemplate`].includes(e?.columnId))?!1:y?.onFocusLocationChanging?y?.onFocusLocationChanging(e,F):e},customCellTemplates:{ExpandListTemplate:u(p),...ae,...ce,...K,_$actions:u(oe),rowSelection:u(se),Number:u(f,i)}},l?.length==0?0:1),l?.length<=0&&(0,a.jsx)(`div`,{className:`grid-container-empty`,children:(0,a.jsx)(t.Empty,{image:t.Empty.PRESENTED_IMAGE_SIMPLE})})]})})}var y=(0,e.forwardRef)(v);module.exports=y;

package/dist/index.css

@@ -0,0 +1,2 @@
+.number-cell-template .rg-input{border:none}.expandList-template{align-items:center;display:flex}.expandList-template .expandList-template-icon{cursor:pointer}.expandList-template .expandList-template-name{margin-left:8px}.expandList-template .expandList-template-indent{margin-left:32px}.grid-container{max-height:100vh;padding-bottom:16px;position:relative;overflow:auto}.grid-container .ant-input-affix-wrapper-focused,.grid-container .ant-input-affix-wrapper:focus{box-shadow:none}.grid-container .rg-input{border:none}.grid-container .ant-select{width:100%!important}.grid-container .rg-header-cell,.grid-container .rg-cell{z-index:2;justify-content:center;align-items:center;display:flex}.grid-container .rg-partial-area{z-index:3}.grid-container .rg-cell{padding:0!important}.grid-container .rg-cell-focus,.grid-container .rg-fill-handle{z-index:2}.base-hoc{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex}.base-hoc-edit{background-color:#fff}.validator-icon{cursor:pointer;background:#fff;position:relative}.rg-rowSelection-cell label{justify-content:center}.grid-container-empty{justify-content:center;align-items:center;height:100%;display:flex}.rg-pane-left,.rg-pane-right{z-index:10!important}.custom-highlights-row{background:#e9f8ff}.rg-pane-top{z-index:9!important}.shadow-top-left-corner,.shadow-top-right-corner{z-index:11!important}
+/*$vite$:1*/

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import "./index.less";
+import "@silevis/reactgrid/styles.css";
+interface CellEditTableProps {
+    columns: any[];
+    dataSource: any[];
+    formulaConfig?: any;
+    onChange?: (v: any) => void;
+    reactGridProps?: any;
+    onEditSubmit?: (v: any) => void;
+    headerRowHeight?: number;
+    rowHeight?: number;
+    reactGridStyle?: any;
+    className?: string;
+    Slots?: any;
+    rowSelection?: any;
+    rowKey?: string;
+    query?: any;
+    loading?: boolean;
+    isExpand?: boolean;
+    getList?: () => void;
+    onRow?: (v: any, ri: number, ci: number) => void;
+}
+declare const _default: import("react").ForwardRefExoticComponent<CellEditTableProps & import("react").RefAttributes<unknown>>;
+export default _default;

package/dist/index.js

@@ -0,0 +1,626 @@
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Checkbox as o, DatePicker as s, Empty as c, Input as l, Popover as u, Spin as d, TimePicker as f } from "antd";
+import { ReactGrid as p, getCellProperty as m, isAlphaNumericKey as h, isNavigationKey as g } from "@silevis/reactgrid";
+import { antdComponents as _, customComponents as v } from "@hzab/form-render";
+import { InfoCircleOutlined as y, MinusCircleOutlined as b, PlusCircleOutlined as x } from "@ant-design/icons";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { c as T } from "react/compiler-runtime";
+import { getVal as E } from "@hzab/utils/src/formily/field";
+import "@silevis/reactgrid/styles.css";
+//#region src/common/childAntdComponent.ts
+var D = {
+	"DatePicker.MonthPicker": s.MonthPicker,
+	"DatePicker.QuarterPicker": s.QuarterPicker,
+	"DatePicker.RangePicker": s.RangePicker,
+	"DatePicker.TimePicker": s.TimePicker,
+	"DatePicker.WeekPicker": s.WeekPicker,
+	"DatePicker.YearPicker": s.YearPicker,
+	"Input.Password": l.Password,
+	"Input.Search": l.Search,
+	"Input.TextArea": l.TextArea,
+	"TimePicker.RangePicker": f.RangePicker
+}, O = [
+	"DatePicker",
+	"DatePicker.MonthPicker",
+	"DatePicker.QuarterPicker",
+	"DatePicker.RangePicker",
+	"DatePicker.TimePicker",
+	"DatePicker.WeekPicker",
+	"DatePicker.YearPicker",
+	"TimePicker.RangePicker"
+], k = (e, n = {}) => {
+	class o {
+		getCompatibleCell(e) {
+			let t;
+			try {
+				t = m(e, "values", "object");
+			} catch {
+				t = [];
+			}
+			let n = e.selectedValue ? parseFloat(e.selectedValue) : NaN, r = !0;
+			try {
+				r = m(e, "isDisabled", "boolean");
+			} catch {
+				r = !1;
+			}
+			let i = e.selectedValue, a = i || "";
+			return {
+				...e,
+				selectedValue: i,
+				text: a,
+				value: n,
+				values: t,
+				isDisabled: r
+			};
+		}
+		update(e, t) {
+			let n = e.values.some((e) => e.value == t.text) ? t.text : t?.text || void 0;
+			return this.getCompatibleCell({
+				...e,
+				selectedValue: n
+			});
+		}
+		getClassName(e, t) {
+			return "";
+		}
+		handleCompositionEnd(e, t) {
+			return {
+				cell: { ...e },
+				enableEditMode: !1
+			};
+		}
+		render(o, s, c) {
+			let [l, d] = a(!1), [f, p] = a(!1), m = o?.columnId + o?.rowId, [_, v] = a(o?.text), [b, x] = a(!1), S = i(o?.text), T = i();
+			t(() => {
+				v(o?.text), S.current = o?.text;
+			}, [o?.text]), t(() => {
+				function e(e) {
+					window.gridEditId != m && d(!1);
+				}
+				return document.addEventListener("click", e), () => {
+					document.removeEventListener("click", e);
+				};
+			}, []);
+			let E = (e) => {
+				let t = !1, n = !1;
+				for (let n of o?.validatorList || []) {
+					n?.pattern?.test(e) && (t = !0);
+					break;
+				}
+				n = !t && Array.isArray(o?.validatorList) && o?.validatorList?.length > 0, x(n);
+			};
+			t(() => {
+				if (!f) return;
+				let e = setTimeout(() => {
+					let e = document.querySelector(".ant-picker-dropdown");
+					if (!e) return;
+					let t = (e) => {
+						e.stopPropagation();
+					};
+					return e.addEventListener("pointerdown", t, !0), () => {
+						e.removeEventListener("pointerdown", t, !0);
+					};
+				}, 0);
+				return () => clearTimeout(e);
+			}, [f]);
+			let D = () => {
+				let e = S.current;
+				c(this.getCompatibleCell({
+					...o,
+					text: e,
+					selectedValue: e
+				}), !0);
+			}, k = r(() => O?.includes(o?.type) ? {
+				open: f,
+				onOpenChange: (e) => {
+					T.current && clearTimeout(T.current), T.current = setTimeout(() => {
+						p(e);
+					}, 80);
+				}
+			} : {}, [o]);
+			return t(() => {
+				!l && o.type == "Upload" && window.uploadEdit && window.uploadEdit == m && (window.uploadEdit = null, D());
+			}, [l, _]), /* @__PURE__ */ w("div", {
+				className: `base-hoc ${l ? "base-hoc-edit" : ""}`,
+				onDoubleClick: (e) => {
+					o?.nonEditable || (o.type === "Upload" && (window.uploadEdit = m), d(!0));
+				},
+				children: [/* @__PURE__ */ C(e, {
+					...n,
+					onPointerDown: (e) => e.stopPropagation(),
+					componentProps: {
+						style: {
+							width: "100%",
+							display: "flex",
+							alignItems: "center"
+						},
+						value: _,
+						options: o.values,
+						onChange: (e) => {
+							let t = e?.target?.value ?? e;
+							v(t), S.current = t, E(t);
+						},
+						onBlur: (e) => {
+							D(), O?.includes(o?.type) || d(!1);
+						},
+						onPointerDown: (e) => {
+							e.stopPropagation();
+						},
+						onKeyDown: (e) => {
+							(h(e.keyCode) || g(e.keyCode)) && e.stopPropagation();
+						},
+						...k,
+						...o?.getField && o?.getField()["x-component-props"] || {}
+					},
+					pattern: l ? "" : "readPretty",
+					cell: o
+				}), b && /* @__PURE__ */ C(u, {
+					content: o?.validatorMessage ?? "该字段不合法",
+					children: /* @__PURE__ */ C(y, { className: "validator-icon" })
+				})]
+			});
+		}
+	}
+	return new o();
+}, A = (e) => {
+	let { pattern: t, cell: n, componentProps: i, Com: a, cellRender: o } = e, s = r(() => {
+		if (n?.getField) return E({
+			...n?.getField && n?.getField(),
+			enum: n?.getField()?.enum || n?.values
+		}, { [n?.getField && n?.getField().name]: n.text });
+	}, [n]);
+	return o && o(e) ? /* @__PURE__ */ C(o, { ...e }) : /* @__PURE__ */ C("div", {
+		className: "base-hoc",
+		children: t == "readPretty" ? /* @__PURE__ */ C("div", { children: s }) : /* @__PURE__ */ C(a, {
+			className: "rg-input",
+			ref: (e) => {
+				e && e.focus();
+			},
+			...i
+		})
+	});
+}, j = (e) => {
+	let t = T(5), n = e?.componentProps, r;
+	t[0] === n ? r = t[1] : (r = {
+		...n,
+		type: "number"
+	}, t[0] = n, t[1] = r);
+	let i;
+	return t[2] !== e || t[3] !== r ? (i = /* @__PURE__ */ C(A, {
+		...e,
+		componentProps: r,
+		Com: l
+	}), t[2] = e, t[3] = r, t[4] = i) : i = t[4], i;
+}, ee = (e) => {
+	let n = T(21), { cell: r } = e, { setExpandKeys: i, expandKeys: o, rowKey: s, setNewDataSource: c, record: l } = r, [u, d] = a(!1), f;
+	n[0] !== l || n[1] !== s || n[2] !== c ? (f = (e) => {
+		c((t) => {
+			let n = [...t], r = l?.children?.map((e) => e?.[s]);
+			if (e) {
+				let e = t?.findIndex((e) => e?.[s] == l?.[s]);
+				return (t?.filter((e) => r?.includes(e?.[s])) || [])?.length == 0 && n.splice(e + 1, 0, ...l?.children || []), [...n];
+			}
+			return t?.filter((e) => !r?.includes(e?.[s]));
+		});
+	}, n[0] = l, n[1] = s, n[2] = c, n[3] = f) : f = n[3];
+	let p = f, m;
+	n[4] !== o || n[5] !== p || n[6] !== l || n[7] !== s ? (m = () => {
+		o?.includes(l?.[s]) && (d(!0), p(!0));
+	}, n[4] = o, n[5] = p, n[6] = l, n[7] = s, n[8] = m) : m = n[8];
+	let h = r?.record, g;
+	n[9] === h ? g = n[10] : (g = [h], n[9] = h, n[10] = g), t(m, g);
+	let _;
+	n[11] !== u || n[12] !== p || n[13] !== l || n[14] !== s || n[15] !== i ? (_ = () => {
+		i((e) => e?.includes(l?.[s]) ? e?.filter((e) => e != l?.[s]) : [...e, l?.[s]]), d(!u), p(!u);
+	}, n[11] = u, n[12] = p, n[13] = l, n[14] = s, n[15] = i, n[16] = _) : _ = n[16];
+	let v = _, y;
+	return n[17] !== u || n[18] !== v || n[19] !== l?.children ? (y = /* @__PURE__ */ C("div", {
+		className: "expandList-template",
+		children: l?.children ? /* @__PURE__ */ C(S, { children: C(u ? b : x, {
+			className: "expandList-template-icon",
+			onClick: v
+		}) }) : /* @__PURE__ */ C("div", { style: { width: 14 } })
+	}), n[17] = u, n[18] = v, n[19] = l?.children, n[20] = y) : y = n[20], y;
+};
+//#endregion
+//#region src/common/utils.ts
+function M(e) {
+	return typeof e == "object" && !!e;
+}
+var N = (e) => typeof e?.title == "function" ? M(e?.title()) ? e?.title()?.props.children : String(e?.title()) || "" : String(e?.title) || "";
+function te(e, t = 40) {
+	let n = (e) => e.reduce((e, t) => t.children?.length ? [...e, ...n(t.children)] : [...e, t], []), r = (e, t = 1) => e.reduce((e, n) => n.children?.length ? Math.max(e, r(n.children, t + 1)) : Math.max(e, t), t), i = n(e), a = r(e), o = i.length, s = (e, t = 0) => e.map((e) => {
+		if (!(e.children?.length > 0)) return {
+			...e,
+			rowspan: a - t,
+			colspan: 1,
+			_depth: t,
+			_isLeaf: !0
+		};
+		let r = n(e.children).length;
+		return {
+			...e,
+			rowspan: 1,
+			colspan: r,
+			_depth: t,
+			_isLeaf: !1,
+			children: s(e.children, t + 1)
+		};
+	}), c = s(e, 0), l = Array.from({ length: a }, (e, n) => ({
+		rowId: `header-${n}`,
+		height: t,
+		cells: []
+	})), u = (e) => ["rowSelection", "ExpandListTemplate"].includes(e?.type) ? e?.type : M(typeof e?.title == "function" ? e?.title() : null) ? `${e?.dataIndex}` : "header", d = (e, t = 0) => {
+		e.forEach((e) => {
+			if (e._isLeaf) {
+				let n = {
+					...e,
+					type: u(e),
+					text: N(e),
+					dataIndex: e.dataIndex,
+					width: e.width,
+					rowspan: e.rowspan,
+					style: e?.style ? e?.style : {
+						background: "rgba(128, 128, 128, 0.1)",
+						display: "flex",
+						justifyContent: "center"
+					}
+				};
+				e.sorter && (n.sorter = e.sorter), e.key && (n.key = e.key), l[t].cells.push(n);
+			} else l[t].cells.push({
+				...e,
+				type: u(e),
+				text: N(e),
+				colspan: e.colspan,
+				style: e?.style ? e?.style : {
+					background: "rgba(128, 128, 128, 0.1)",
+					display: "flex",
+					justifyContent: "center"
+				}
+			}), e.children && d(e.children, t + 1);
+		});
+	};
+	d(c, 0), l.forEach((e, t) => {
+		let n = [], r = 0, s = 0;
+		for (; r < o;) {
+			let o = e.cells[s];
+			if (!o) {
+				let e = i[r];
+				n.push({
+					...e,
+					type: u(e),
+					text: N(e),
+					dataIndex: e.dataIndex,
+					width: e.width,
+					rowspan: t === a - 1 ? 1 : void 0,
+					style: e?.style ? e?.style : {
+						background: "rgba(128, 128, 128, 0.1)",
+						display: "flex",
+						justifyContent: "center"
+					}
+				}), r++, s++;
+				continue;
+			}
+			let c = o.colspan || 1;
+			if ((o.rowspan || 1) > 1 && t > 0) {
+				r += c, s++;
+				continue;
+			}
+			n.push(o), r += c, s++;
+			for (let e = 1; e < c; e++) n.push({
+				type: "header",
+				text: ""
+			});
+		}
+		e.cells = n;
+	});
+	let f = l[a - 1], p = [];
+	return i.forEach((e, t) => {
+		let n = f.cells.find((t) => t.dataIndex === e.dataIndex && t.text === e.title);
+		n ? p.push(n) : p.push({
+			...e,
+			type: u(e),
+			text: N(e),
+			dataIndex: e.dataIndex,
+			width: e.width,
+			rowspan: 1,
+			style: e?.style ? e?.style : {
+				background: "rgba(128, 128, 128, 0.1)",
+				display: "flex",
+				justifyContent: "center"
+			}
+		});
+	}), f.cells = p, l.forEach((e) => {
+		for (; e.cells.length < o;) e.cells.push({
+			type: "header",
+			text: ""
+		});
+	}), l;
+}
+function ne(e) {
+	let t = [];
+	function n(e) {
+		e.forEach((e) => {
+			if (e.children && e.children.length > 0) n(e.children);
+			else {
+				let { title: n, dataIndex: r, key: i, width: a, sorter: o, k: s, ...c } = e;
+				t.push({
+					type: "Input",
+					dataIndex: r,
+					title: n,
+					...i && { key: i },
+					...a && { width: a },
+					...o && { sorter: o },
+					...s && { k: s },
+					...c
+				});
+			}
+		});
+	}
+	return n(e), t;
+}
+//#endregion
+//#region src/index.tsx
+function P(e, s) {
+	let { columns: l, dataSource: u, formulaConfig: f, onChange: m, reactGridProps: h = {}, onEditSubmit: g, headerRowHeight: y = 44, rowHeight: b = 44, reactGridStyle: x, className: S, Slots: T, rowSelection: E, rowKey: O = "id", query: N, loading: P, isExpand: F = !1, getList: I, onRow: L } = e, [R, re] = a([]), [z, B] = a([]), V = i([]), [H, ie] = a([]), [U, ae] = a([]), [W, G] = a([]), [oe, se] = a([]), [ce, le] = a([]), [ue, K] = a([]), q = i(), de = i(), J = i();
+	n(s, () => ({ rows: z }));
+	let Y = (e, t = 0) => {
+		e?.forEach((e) => {
+			e.level = t + 1, e?.children && Y(e?.children, e.level);
+		});
+	};
+	t(() => {
+		Y(u), G(u);
+	}, [u]), t(() => {
+		z.map((e) => e.rowId)?.includes(q.current) || K([]);
+	}, [z]);
+	let fe = (e) => {
+		let t = e?.cells?.[0]?.record, n = ["_$actions", "rowSelection"], r = { id: e?.rowId };
+		return e?.cells?.forEach((e) => {
+			e?.columnId && !n?.includes(e?.columnId) && (r[e?.columnId] = e?.text || e?.value || e?.selectedValue || "", e?.type == "Number" && (r[e?.columnId] = e?.value));
+		}), {
+			...t,
+			...r
+		};
+	};
+	t(() => {
+		if (Array.isArray(l) && l?.length > 0) {
+			F && l.unshift({
+				type: "ExpandListTemplate",
+				width: 14,
+				key: "ExpandListTemplate",
+				nonEditable: !0,
+				style: E?.style || { background: "rgba(128, 128, 128, 0.1)" }
+			}), E && l.unshift({
+				type: "rowSelection",
+				nonEditable: !0,
+				width: E?.width || 30,
+				key: "rowSelection",
+				style: E?.style || {
+					background: "rgba(128, 128, 128, 0.1)",
+					display: "flex",
+					justifyContent: "center"
+				}
+			}), re(te(l, y));
+			let e = ne(l);
+			ie(e?.map((e, t) => ({
+				...e,
+				columnId: e?.dataIndex || e?.key || e?.name || ""
+			})));
+		}
+	}, [l, E]);
+	let X = {}, Z = (e) => {
+		e?.forEach((e) => {
+			if (M(typeof e?.title == "function" ? e?.title() : null)) {
+				let t = e?.title;
+				X[e?.dataIndex] = k(t);
+			}
+			e?.children && Z(e?.children);
+		});
+	};
+	t(() => {
+		Z(l), le(X);
+	}, [l]), t(() => {
+		let e = H?.map((e) => e?.columnId), t = W?.map((t, n) => ({
+			rowId: t[O],
+			height: b,
+			cells: e?.map((e, r) => {
+				let i = {}, a = H[r], o = t[e], s = a?.type ?? "text";
+				if (f) {
+					for (let n in f) if (n == e) {
+						let e = f[n];
+						i = {
+							text: e?.setCellData && e?.setCellData(t),
+							value: e?.setCellData && e?.setCellData(t),
+							style: e?.setCellStyle && e?.setCellStyle(e?.setCellData && e?.setCellData(t) || t)
+						};
+					}
+				}
+				return {
+					...a,
+					record: t,
+					rowId: t[O] || a?.type,
+					type: s,
+					nonEditable: a?.nonEditable,
+					text: String(o || ""),
+					value: o,
+					selectedValue: o || "",
+					style: a?.type == "rowSelection" ? {
+						display: "flex",
+						justifyContent: "center"
+					} : {},
+					...L && L(t, n, r) || {},
+					...a?.onCell && a?.onCell(t, n, r) || {},
+					...a?.cellProps || {},
+					setNewDataSource: G,
+					setExpandKeys: se,
+					rowKey: O,
+					expandKeys: oe,
+					Slots: T,
+					...i
+				};
+			})
+		})), n = [...R, ...t];
+		B(n);
+	}, [
+		W,
+		H,
+		R
+	]), t(() => {
+		P && ((z?.find((e) => e?.rowId == J.current?.rowId))?.cells?.find((e) => e?.columnId == J.current?.columnId), { ...J.current }, V.current = z);
+	}, [P, z]);
+	let pe = async (e) => {
+		let t = [];
+		if (!Array.isArray(e) || e.length === 0) return;
+		let n = !1;
+		if (e?.length > 1 && (n = !0), B((r) => (e.forEach(async (e) => {
+			let i = r.findIndex((t) => t.rowId == e.rowId), a = H.findIndex((t) => t.columnId == e.columnId);
+			if (r[i].cells[a] = { ...e.newCell }, J.current = { ...e.newCell }, t.push(fe(r[i])), f) for (let e in f) {
+				let t = f[e], n = H.findIndex((t) => t.columnId == e), a = {
+					...r[i].cells[n],
+					text: t?.setCellData && t?.setCellData(r[i]),
+					value: t?.setCellData && t?.setCellData(r[i]),
+					style: t?.setCellStyle && t?.setCellStyle(t?.setCellData && t?.setCellData(r[i]) || r[i])
+				};
+				r[i].cells[n] = a;
+			}
+			if (g && !n) try {
+				await g(t);
+			} catch {
+				I && I();
+			}
+			m && m(r[i]);
+		}), [...r])), n) try {
+			g && await g(t);
+		} catch {
+			I && I();
+		}
+	}, me = r(() => {
+		let t = {
+			..._ || {},
+			...v || {},
+			...D
+		}, n = {};
+		for (let r in t) n[r] = k((n) => /* @__PURE__ */ C(A, {
+			...n,
+			...e,
+			Com: t[r]
+		}));
+		return n;
+	}, [_, v]), Q = (e) => {
+		let t = z?.find((t) => t?.rowId == e?.cell?.rowId);
+		return /* @__PURE__ */ w("div", {
+			onPointerDown: (e) => e.stopPropagation(),
+			children: [
+				T?.tableActionsSlot && /* @__PURE__ */ C(T.tableActionsSlot, {
+					...e?.cell,
+					rowData: t
+				}),
+				T?.actionPrefixSlot && /* @__PURE__ */ C(T.actionPrefixSlot, {
+					...e?.cell,
+					rowData: t
+				}),
+				T?.actionCenterSlot && /* @__PURE__ */ C(T.actionCenterSlot, {
+					...e?.cell,
+					rowData: t
+				}),
+				T?.actionSuffixSlot && /* @__PURE__ */ C(T.actionSuffixSlot, {
+					...e?.cell,
+					rowData: t
+				})
+			]
+		});
+	};
+	function $(e) {
+		let t = [];
+		function n(e) {
+			for (let r of e) t.push(r), r.children && r.children.length && n(r.children);
+		}
+		return n(e), t;
+	}
+	let he = (e) => {
+		let { record: t, rowId: n } = e?.cell, r = $(u);
+		return /* @__PURE__ */ C(o, {
+			...e?.componentProps,
+			checked: E?.selectedRowKeys?.includes(t && t[O] || "") || E?.selectedRowKeys?.length == r?.length && r?.length > 0,
+			indeterminate: !n && E?.selectedRowKeys?.length > 0 && E?.selectedRowKeys?.length < r?.length,
+			onChange: (e) => {
+				if (e.target.checked && n) {
+					let e = [...E?.selectedRowKeys, t[O]], n = r?.filter((t) => e?.includes(t[O]));
+					E?.onChange(e, n);
+				} else if (!e.target.checked && n) {
+					let e = E?.selectedRowKeys?.filter((e) => e != t[O]), n = r?.filter((t) => e?.includes(t[O]));
+					E?.onChange(E?.selectedRowKeys?.filter((e) => e != t[O]), n);
+				} else if (e.target.checked && !n) {
+					let e = r?.map((e) => e[O]), t = r?.filter((t) => e?.includes(t[O]));
+					E?.onChange(r?.map((e) => e[O]), t);
+				} else !e.target.checked && !n && E?.onChange([], []);
+			}
+		});
+	};
+	t(() => {
+		if (E) {
+			let e = $(u)?.filter((e) => U?.includes(e[O]));
+			E?.onChange(U, e);
+		}
+	}, [U, u]), t(() => {
+		ae([]);
+	}, [N?.pageNum]);
+	let ge = r(() => {
+		let e = {};
+		for (let t in h?.customCellTemplates) {
+			let n = h?.customCellTemplates[t];
+			e[t] = k(n);
+		}
+		return e;
+	}, [h?.customCellTemplates]), _e = (e, t) => {
+		let n = t?.find((t) => t?.rowId == e?.rowId)?.cells?.map((t) => ({
+			columnId: t?.columnId,
+			rowId: e?.rowId,
+			className: "custom-highlights-row",
+			borderColor: "transparent"
+		}));
+		q.current = e?.rowId, K(n);
+	};
+	return /* @__PURE__ */ C(d, {
+		spinning: P,
+		children: /* @__PURE__ */ w("div", {
+			className: `grid-container ${S}`,
+			style: x,
+			children: [/* @__PURE__ */ C(p, {
+				ref: de,
+				rows: P ? V.current : z,
+				columns: H,
+				onCellsChanged: pe,
+				enableFillHandle: !0,
+				enableRangeSelection: !0,
+				horizontalStickyBreakpoint: 120,
+				...h,
+				highlights: h?.highlights ?? ue,
+				onFocusLocationChanging: (e) => {
+					let t = e?.columnId + e?.rowId;
+					return window.gridEditId = t, typeof e?.rowId == "string" && e?.rowId?.indexOf("header-") > -1 || (h?.isRowHighlights && e?.columnId && _e(e, z), [
+						"_$actions",
+						"rowSelection",
+						"ExpandListTemplate"
+					].includes(e?.columnId)) ? !1 : h?.onFocusLocationChanging ? h?.onFocusLocationChanging(e, z) : e;
+				},
+				customCellTemplates: {
+					ExpandListTemplate: k(ee),
+					...me,
+					...ge,
+					...ce,
+					_$actions: k(Q),
+					rowSelection: k(he),
+					Number: k(j, e)
+				}
+			}, u?.length == 0 ? 0 : 1), u?.length <= 0 && /* @__PURE__ */ C("div", {
+				className: "grid-container-empty",
+				children: /* @__PURE__ */ C(c, { image: c.PRESENTED_IMAGE_SIMPLE })
+			})]
+		})
+	});
+}
+var F = e(P);
+//#endregion
+export { F as default };

package/package.json

@@ -1,60 +1,60 @@
 {
   "name": "@hzab/edit-table",
-  "version": "0.1.3",
-  "description": "",
-  "main": "src",
-  "scripts": {
-    "dev": "webpack serve -c ./config/webpack.config.js --env local",
-    "build": "webpack -c ./config/webpack.config.js --env production",
-    "version:alpha": "npm version prerelease --preid=alpha",
-    "publish:alpha": "npm publish --tag alpha",
-    "version:beta": "npm version prerelease --preid=beta",
-    "publish:beta": "npm publish --tag beta",
-    "version:patch": "npm version patch",
-    "version:minior": "npm version minor",
-    "version:major": "npm version major",
-    "publish:stable": "npm publish --access public",
-    "prepare": "husky install",
-    "mac-chmod": "chmod +x .husky && chmod +x .husky/pre-commit",
-    "docs": "typedoc"
+  "version": "0.1.5",
+  "private": false,
+  "src-direct": true,
+  "type": "module",
+  "description": "可编辑表格",
+  "license": "ISC",
+  "author": "CaiYansong",
+  "engines": {
+    "node": ">=24"
   },
+  "main": "src",
+  "types": "./dist/index.d.ts",
   "files": [
     "src",
+    "dist",
     "CHANGELOG.md"
   ],
-  "keywords": [],
-  "author": "CaiYansong",
-  "license": "ISC",
-  "devDependencies": {
-    "@hzab/permissions": "1.0.0",
-    "@hzab/webpack-config": "1.1.4",
-    "@types/react": "17.0.62",
-    "@types/react-dom": "17.0.20",
-    "antd": "4.24.16",
-    "axios": "1.13.6",
-    "eslint": "8.30.0",
-    "less": "4.1.3",
-    "mobx": "6.7.0",
-    "mobx-react": "7.6.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-router-dom": "6.14.1",
-    "typedoc": "0.24.8",
-    "typescript": "4.9.4",
-    "webpack": "5.75.0"
-  },
+  "sideEffects": [
+    "**/*.less"
+  ],
   "peerDependencies": {
+    "@ant-design/icons": ">=4.0.0",
     "@silevis/reactgrid": "^4.1.17",
-    "@hzab/form-render": "^1.7.17",
-    "@hzab/list-render": "^1.11.0"
+    "antd": ">=4.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
-  "directories": {
-    "src": "src"
+  "dependencies": {
+    "@hzab/form-render": ">=1.7.17",
+    "@hzab/utils": ">=1.1.6"
   },
-  "lint-staged": {
-    "**.{js,jsx,ts,tsx,css,scss,less,json,html}": [
-      "prettier --write"
-    ]
+  "devDependencies": {
+    "@ant-design/icons": "^4.8.0",
+    "@types/lodash": "^4.17.12",
+    "@types/react": "^17.0.62",
+    "@types/react-dom": "^17.0.20",
+    "@vitest/coverage-v8": "4.1.10",
+    "antd": "^4.24.16",
+    "dayjs": "^1.11.7",
+    "happy-dom": "^20.11.1",
+    "less": "^4.1.3",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.10",
+    "@hzab/vite-config": "^0.0.3-alpha.0",
+    "@hzab/eslint-config": "^0.0.0",
+    "@hzab/typescript-config": "^0.0.0"
   },
-  "dependencies": {}
-}
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest"
+  }
+}

package/src/Template/GetBaseTemplate.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { getVal } from "@hzab/list-render/src/common/utils";
+import { getVal } from "@hzab/utils/src/formily/field";
 export const GetBaseTemplate = (props) => {
   const { pattern, cell, componentProps, Com, cellRender } = props;
 

package/src/common/WidthWrapHoc.tsx

@@ -1,16 +1,17 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 
-import {
+import type {
   Cell,
   CellTemplate,
   Compatible,
+  Uncertain,
+  UncertainCompatible} from "@silevis/reactgrid";
+import {
   getCellProperty,
   getCharFromKey,
   isAlphaNumericKey,
   isNavigationKey,
-  keyCodes,
-  Uncertain,
-  UncertainCompatible,
+  keyCodes
 } from "@silevis/reactgrid";
 import { InfoCircleOutlined } from "@ant-design/icons";
 import { Popover } from "antd";
@@ -111,7 +112,7 @@ export const WidthWrapHoc = (WrapComponent: any, props = {}) => {
       const onValidator = (val) => {
         let flag = false;
         let isVerify = false;
-        for (let it of cell?.validatorList || []) {
+        for (const it of cell?.validatorList || []) {
           if (it?.pattern?.test(val)) {
             flag = true;
           }
@@ -146,7 +147,7 @@ export const WidthWrapHoc = (WrapComponent: any, props = {}) => {
 
       /** 失焦提交 */
       const onBlurSubmit = () => {
-        let targetValue = comValueInit.current;
+        const targetValue = comValueInit.current;
         onCellChanged(
           this.getCompatibleCell({
             ...cell,
@@ -203,7 +204,7 @@ export const WidthWrapHoc = (WrapComponent: any, props = {}) => {
               value: comValue,
               options: cell.values,
               onChange: (e) => {
-                let targetValue = e?.target?.value ?? e;
+                const targetValue = e?.target?.value ?? e;
                 setComValue(targetValue);
                 comValueInit.current = targetValue;
                 onValidator(targetValue);

package/src/common/childAntdComponent.ts

@@ -1,6 +1,6 @@
 import { DatePicker, Input, TimePicker } from "antd";
 
-export const childAntdComponent = {
+export const childAntdComponent: any = {
   "DatePicker.MonthPicker": DatePicker.MonthPicker,
   "DatePicker.QuarterPicker": DatePicker.QuarterPicker,
   "DatePicker.RangePicker": DatePicker.RangePicker,

package/src/common/utils.ts

@@ -213,7 +213,7 @@ export function convertColumnsToRows(columns, headerRowHeight = 40) {
   // 最后一行的特殊处理：确保所有叶子节点都有对应的cell
   const lastRow = rows[totalDepth - 1];
   const lastRowCells = [];
-  let leafIndex = 0;
+  const leafIndex = 0;
 
   // 遍历所有叶子节点
   leafColumns.forEach((leaf, index) => {

package/src/index.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState }
 import { Checkbox, Empty, Spin } from "antd";
 import { ReactGrid } from "@silevis/reactgrid";
 import TextTemplate from "./Template/TextCellTemplate";
-import { antdComponents, customComponents } from "@hzab/form-render/src/index";
+import { antdComponents, customComponents } from "@hzab/form-render";
 import { WidthWrapHoc } from "./common/WidthWrapHoc";
 import NumberTemplate from "./Template/NumberCellTemplate";
 import { ExpandListTemplate } from "./Template/ExpandListTemplate";
@@ -102,7 +102,7 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
   const handleArrayToObj = (item) => {
     const record = item?.cells?.[0]?.record;
     const fieldList = ["_$actions", "rowSelection"];
-    let obj: any = {
+    const obj: any = {
       id: item?.rowId,
     };
     item?.cells?.forEach((el) => {
@@ -189,10 +189,10 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
           let newCell = {};
           const columnsItem = tableColumns[ind];
           const cellItem = item[el];
-          let type: any = columnsItem?.type ?? "text";
+          const type: any = columnsItem?.type ?? "text";
           //设置单元格颜色及回显
           if (formulaConfig) {
-            for (let key in formulaConfig) {
+            for (const key in formulaConfig) {
               if (key == el) {
                 const it = formulaConfig[key];
                 newCell = {
@@ -214,7 +214,7 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
             value: cellItem,
             selectedValue: cellItem || "",
             style: columnsItem?.type == "rowSelection" ? { display: "flex", justifyContent: "center" } : {},
-            ...((onRow && onRow(item, index, ind)) || {}),
+            ...(((onRow && onRow(item, index, ind)) as any) || {}),
             ...((columnsItem?.onCell && columnsItem?.onCell(item, index, ind)) || {}),
             ...(columnsItem?.cellProps || {}),
             setNewDataSource,
@@ -256,7 +256,7 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
         currentCell.current = { ...change.newCell };
         batchQuery.push(handleArrayToObj(prevRows[changeRowIdx]));
         if (formulaConfig) {
-          for (let key in formulaConfig) {
+          for (const key in formulaConfig) {
             const item = formulaConfig[key];
             const resultColumnIdx = tableColumns.findIndex((el) => el.columnId == key);
             const newCell = {
@@ -297,7 +297,7 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
   const baseTemplate = useMemo(() => {
     const mergeTemplate: any = { ...(antdComponents || {}), ...(customComponents || {}), ...childAntdComponent };
     const newMergeTemplate: any = {};
-    for (let key in mergeTemplate) {
+    for (const key in mergeTemplate) {
       const NewCom = (newComProps) => {
         return <GetBaseTemplate {...newComProps} {...props} Com={mergeTemplate[key]} />;
       };
@@ -387,7 +387,7 @@ function CellEditTable(props: CellEditTableProps, ref: any) {
 
   const customCellTemplates = useMemo(() => {
     const templatesObj: any = {};
-    for (let key in reactGridProps?.customCellTemplates) {
+    for (const key in reactGridProps?.customCellTemplates) {
       const item = reactGridProps?.customCellTemplates[key];
       templatesObj[key] = WidthWrapHoc(item);
     }

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/README.md

@@ -1,90 +0,0 @@
-# @hzab/edit-table
-
-组件模板
-
-- node@16.16.0
-
-- 注意：首次克隆先执行 npm run prepare 命令
-
-# 组件
-
-## 示例
-
-```jsx
-import Demo from "@hzab/edit-table";
-
-<Demo />;
-```
-
-## API
-
-#### cellEditTableProps
-
-| 属性名称        | 属性类型 | 必须 | 默认值 | 描述               |
-| --------------- | -------- | ---- | ------ | ------------------ |
-| reactGridProps  | Object   | 否   |        | reactGrid 相关参数 |
-| onChange        | Function | 否   |        | 单元格回调         |
-| formulaConfig   | Object   | 否   |        | 运算相关配置       |
-| headerRowHeight | number   | 否   |        | 表头高度           |
-| rowHeight       | number   | 否   |        | 数据行高度         |
-
-#### reactGridProps
-
-| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 |
-| enableFillHandle | boolean | false | 开启后，选中单元格右下角会出现小方块，可拖拽快速复制 / 序列填充数据（类似 Excel 拖拽填充）|
-| enableRangeSelection | boolean | false | 开启框选单元格区域（批量选中、批量编辑 / 填充必备）|
-| onFocusLocationChanging | (location: CellLocation): boolean | 否 | 焦点 / 进入编辑态前回调，return false 阻止进入编辑）|
-| customCellTemplates | Function | 否 | 注册自定义单元格模板（按钮、下拉、日期等单元格）|
-| onSelectionChanged | Function | 否 | 选择区回调 |
-
-# 组件开发流程
-
-- 在 config/webpack.config.js 中按需修改 library 配置的文件名
-- 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
-- 在 tsconfig.json 中按需修改 paths 配置的包名，解决 ts 报错问题
-- npm run dev
-
-## 文件目录
-
-- example 本地开发测试代码
-- src 组件源码
-
-## 命令
-
-- Mac 执行该命令，设置 pre-commit 为可执行文件
-
-  - npm run mac-chmod
-  - chmod +x .husky && chmod +x .husky/pre-commit
-
-- 生成文档：npm run docs
-- 本地运行：npm run dev
-
-## 发布
-
-- npm 源和云效源都需要发布
-
-- 命令：npm publish --access public
-- 发布目录：
-  - src
-
-### nrm
-
-- 安装
-  npm install -g nrm
-- 增加源
-  nrm add aliyun https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
-- 切换源
-  nrm use aliyun
-  nrm use npm
-- 登录（账号密码在 https://packages.aliyun.com/npm/npm-registry/guide 查看）
-  npm login --registry=https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
-
-## 配置
-
-### 配置文件
-
-- 本地配置文件：config/config.js
-
-### webpack 配置文件
-
-- config/webpack.config.js