kts-component-invoice-operate 3.2.136 → 3.2.137

package/dist/index.esm.js

@@ -17015,8 +17015,11 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('buyerTaxId'),
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
-  })))), isExpand && React.createElement(React.Fragment, null, React.createElement(Col, {
-    span: 14
+  })))), React.createElement(Col, {
+    span: 14,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u8D2D\u4E70\u65B9\u5730\u5740",
     colon: false
@@ -17030,7 +17033,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 10
+    span: 10,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u7535\u8BDD",
     colon: false,
@@ -17042,7 +17048,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 14
+    span: 14,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     colon: false
@@ -17053,7 +17062,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 10
+    span: 10,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u94F6\u884C\u8D26\u53F7",
     colon: false
@@ -17063,7 +17075,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('buyerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
-  })))))))), React.createElement("div", null, '销售方信息'.split('').map(function (e) {
+  }))))))), React.createElement("div", null, '销售方信息'.split('').map(function (e) {
     return React.createElement("span", null, e);
   }), !readOnly && React.createElement(Icon, {
     className: "digtal-stakeholder-expand-button",
@@ -17111,8 +17123,11 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('supplierTaxId'),
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
-  })))), isExpand && React.createElement(React.Fragment, null, React.createElement(Col, {
-    span: 12
+  })))), React.createElement(Col, {
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u9500\u552E\u65B9\u5730\u5740",
     colon: false
@@ -17126,7 +17141,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u7535\u8BDD",
     colon: false,
@@ -17138,7 +17156,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     colon: false
@@ -17149,7 +17170,10 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), React.createElement(Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React.createElement(Form.Item, {
     label: "\u94F6\u884C\u8D26\u53F7",
     colon: false
@@ -17159,7 +17183,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('sellerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
-  })))))))));
+  }))))))));
 });
 
 function NaturalPersonFlag(props) {

package/dist/index.js

@@ -17025,8 +17025,11 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('buyerTaxId'),
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
-  })))), isExpand && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(ktsXui.Col, {
-    span: 14
+  })))), React__default['default'].createElement(ktsXui.Col, {
+    span: 14,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u8D2D\u4E70\u65B9\u5730\u5740",
     colon: false
@@ -17040,7 +17043,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 10
+    span: 10,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u7535\u8BDD",
     colon: false,
@@ -17052,7 +17058,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 14
+    span: 14,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     colon: false
@@ -17063,7 +17072,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 10
+    span: 10,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u94F6\u884C\u8D26\u53F7",
     colon: false
@@ -17073,7 +17085,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('buyerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
-  })))))))), React__default['default'].createElement("div", null, '销售方信息'.split('').map(function (e) {
+  }))))))), React__default['default'].createElement("div", null, '销售方信息'.split('').map(function (e) {
     return React__default['default'].createElement("span", null, e);
   }), !readOnly && React__default['default'].createElement(Icon, {
     className: "digtal-stakeholder-expand-button",
@@ -17121,8 +17133,11 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('supplierTaxId'),
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
-  })))), isExpand && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(ktsXui.Col, {
-    span: 12
+  })))), React__default['default'].createElement(ktsXui.Col, {
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u9500\u552E\u65B9\u5730\u5740",
     colon: false
@@ -17136,7 +17151,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u7535\u8BDD",
     colon: false,
@@ -17148,7 +17166,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     colon: false
@@ -17159,7 +17180,10 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), React__default['default'].createElement(ktsXui.Col, {
-    span: 12
+    span: 12,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u94F6\u884C\u8D26\u53F7",
     colon: false
@@ -17169,7 +17193,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('sellerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
-  })))))))));
+  }))))))));
 });
 
 function NaturalPersonFlag(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.136",
+  "version": "3.2.137",
   "scripts": {
     "dev": "dumi dev",
     "start": "dumi dev",

package/src/Invoice/ui/digtal/Stakeholder/index.tsx

@@ -168,43 +168,38 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                                 )}
                             </Form.Item>
                         </Col>
-                        {
-                            isExpand && (
-                                <>
-                                    <Col span={14} >
-                                        <Form.Item label='购买方地址' colon={false}>
-                                            {getFieldDecorator('buyerAddress', {
-                                                rules: getRules('buyerAddress', [{ max: 100, message: '购买方地址内容超长' }])
-                                            })(<MyInput readOnly={isReadOnly('buyerAddress')} placeholder="请输入购买方地址" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={10} >
-                                        <Form.Item label='电话' colon={false} className='telephone'>
-                                            {getFieldDecorator('buyerPhone', {
-                                                rules: getRules('buyerPhone', RULES.buyerTelPhone('购买方电话'))
-                                            })(<MyInput readOnly={isReadOnly('buyerPhone')} placeholder="请输入电话" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={14} >
-                                        <Form.Item label='购买方开户银行' colon={false}>
-                                            {getFieldDecorator('buyerBank', {
-                                                rules: getRules('buyerBank', RULES.bankName('购买方开户银行'))
-                                            })(<MyInput readOnly={isReadOnly('buyerBank')} placeholder="请输入购买方开户银行" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={10} >
-                                        <Form.Item label='银行账号' colon={false}>
-                                            {getFieldDecorator('buyerAccount', {
-                                                rules: getRules('buyerAccount', RULES.bankAccount('购买方银行账号'))
-                                            })(<MyInput readOnly={isReadOnly('buyerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-                                </>
-                            )
-                        }
+
+                        <Col span={14} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='购买方地址' colon={false}>
+                                {getFieldDecorator('buyerAddress', {
+                                    rules: getRules('buyerAddress', [{ max: 100, message: '购买方地址内容超长' }])
+                                })(<MyInput readOnly={isReadOnly('buyerAddress')} placeholder="请输入购买方地址" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={10} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='电话' colon={false} className='telephone'>
+                                {getFieldDecorator('buyerPhone', {
+                                    rules: getRules('buyerPhone', RULES.buyerTelPhone('购买方电话'))
+                                })(<MyInput readOnly={isReadOnly('buyerPhone')} placeholder="请输入电话" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={14} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='购买方开户银行' colon={false}>
+                                {getFieldDecorator('buyerBank', {
+                                    rules: getRules('buyerBank', RULES.bankName('购买方开户银行'))
+                                })(<MyInput readOnly={isReadOnly('buyerBank')} placeholder="请输入购买方开户银行" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={10} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='银行账号' colon={false}>
+                                {getFieldDecorator('buyerAccount', {
+                                    rules: getRules('buyerAccount', RULES.bankAccount('购买方银行账号'))
+                                })(<MyInput readOnly={isReadOnly('buyerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
                     </Row>
                 </Form>
             </div>
@@ -246,43 +241,38 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                                 })(<MyInput readOnly={isReadOnly('supplierTaxId')} placeholder="请输入统一社会信用代码/纳税人识别号" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
-                        {
-                            isExpand && (
-                                <>
-                                    <Col span={12} >
-                                        <Form.Item label='销售方地址' colon={false}>
-                                            {getFieldDecorator('sellerAddress', {
-                                                rules: getRules('sellerAddress', [{ max: 300, message: '销售方地址内容超长' }])
-                                            })(<MyInput readOnly={isReadOnly('sellerAddress')} placeholder="请输入销售方地址" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={12} >
-                                        <Form.Item label='电话' colon={false} className='telephone' >
-                                            {getFieldDecorator('sellerPhone', {
-                                                rules: getRules('sellerPhone', RULES.sellerTelPhone('销售方电话'))
-                                            })(<MyInput readOnly={isReadOnly('sellerPhone')} placeholder="请输入电话" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={12} >
-                                        <Form.Item label='销售方开户银行' colon={false}>
-                                            {getFieldDecorator('sellerBank', {
-                                                rules: getRules('sellerBank', RULES.bankName('销售方开户银行'))
-                                            })(<MyInput readOnly={isReadOnly('sellerBank')} placeholder="请输入销售方开户银行" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-
-                                    <Col span={12} >
-                                        <Form.Item label='银行账号' colon={false}>
-                                            {getFieldDecorator('sellerAccount', {
-                                                rules: getRules('sellerAccount', RULES.bankAccount('销售方银行账号'))
-                                            })(<MyInput readOnly={isReadOnly('sellerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
-                                        </Form.Item>
-                                    </Col>
-                                </>
-                            )
-                        }
+
+                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='销售方地址' colon={false}>
+                                {getFieldDecorator('sellerAddress', {
+                                    rules: getRules('sellerAddress', [{ max: 300, message: '销售方地址内容超长' }])
+                                })(<MyInput readOnly={isReadOnly('sellerAddress')} placeholder="请输入销售方地址" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='电话' colon={false} className='telephone' >
+                                {getFieldDecorator('sellerPhone', {
+                                    rules: getRules('sellerPhone', RULES.sellerTelPhone('销售方电话'))
+                                })(<MyInput readOnly={isReadOnly('sellerPhone')} placeholder="请输入电话" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='销售方开户银行' colon={false}>
+                                {getFieldDecorator('sellerBank', {
+                                    rules: getRules('sellerBank', RULES.bankName('销售方开户银行'))
+                                })(<MyInput readOnly={isReadOnly('sellerBank')} placeholder="请输入销售方开户银行" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
+
+                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                            <Form.Item label='银行账号' colon={false}>
+                                {getFieldDecorator('sellerAccount', {
+                                    rules: getRules('sellerAccount', RULES.bankAccount('销售方银行账号'))
+                                })(<MyInput readOnly={isReadOnly('sellerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
+                            </Form.Item>
+                        </Col>
                     </Row>
                 </Form>
             </div>

package/dist/Invoice/ui/digtal/GoodsList/ui/TableVirtual.o/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
-import './index.less';
-export default function <T = any>(props: TableProps<T>): JSX.Element;

package/src/Invoice/ui/digtal/GoodsList/ui/TableVirtual.o/index.less

@@ -1,44 +0,0 @@
-.kts-invoice-operate-goods-table-virtual {
-  .ktsAnt3x-table-placeholder {
-    position: absolute;
-    top: 50px;
-    left: 0;
-    width: 100%;
-    border: none;
-  }
-
-  .ktsAnt3x-table {
-    font-size: 12px;
-    border: none;
-    border-radius: 0;
-
-    .ktsAnt3x-table-content {
-      border-right: none;
-
-      .ktsAnt3x-table-body {
-        margin: 0;
-
-        table {
-          position: absolute;
-          top: 0;
-          left: 0;
-          border-bottom: 1px solid #e8e8e8;
-
-          tr {
-            height: 32px;
-          }
-
-          tr:hover {
-            td{
-              background: none;
-            }
-          }
-        }
-      }
-    }
-
-    .ktsAnt3x-table-thead>tr {
-      background-color: #f6f7f9;
-    }
-  }
-}

package/src/Invoice/ui/digtal/GoodsList/ui/TableVirtual.o/index.tsx

@@ -1,96 +0,0 @@
-import React from 'react';
-import { Table } from 'kts-components-antd-x3';
-import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
-import './index.less';
-
-export default function <T = any>(props: TableProps<T>) {
-  const [self, setSelf] = React.useState<HTMLSpanElement | null>(null);
-
-  const tableBody = React.useMemo(() => {
-    if (!self) return;
-    return self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body') as HTMLDivElement;
-  }, [self]);
-
-  /** 显示指针 */
-  const [pointer, setPointer] = React.useState(0);
-
-  /** 行高 */
-  const rowHeight = React.useMemo(() => {
-    if (!self) return 33;
-
-    const td = self.querySelector('.ktsAnt3x-table-tbody td');
-    if (!td) return 33;
-
-    return td.clientHeight;
-  }, [self, props.dataSource]);
-
-  /** 间隔容器 */
-  const placeholder = React.useMemo(() => {
-    if (!self || !tableBody) return;
-    let placeholder = tableBody.querySelector(
-      '.table-virtual-placeholder',
-    ) as HTMLDivElement;
-    if (!placeholder) {
-      placeholder = document.createElement('div');
-      placeholder.className = 'table-virtual-placeholder';
-      tableBody.appendChild(placeholder);
-    }
-    return placeholder;
-  }, [self, tableBody]);
-
-  // 设置占位dom的搞
-  const placeholderHeight = React.useMemo(() => {
-    if (!self || !rowHeight || !props.dataSource || !placeholder) return;
-    const placeholderHeight = rowHeight * props.dataSource.length;
-    placeholder.style.height = `${placeholderHeight}px`;
-    return placeholderHeight;
-  }, [self, rowHeight, props.dataSource, placeholder]);
-
-  /** 可以容纳的行数 */
-  const rowSize = React.useMemo(() => {
-    if (!tableBody! || !rowHeight) return 0;
-    return Math.ceil(tableBody.clientHeight / rowHeight);
-  }, [tableBody, rowHeight, placeholderHeight]);
-
-  // 计算渲染的行
-  const dataSource = React.useMemo(() => {
-    if (!props.dataSource) return [];
-    if (props.dataSource.length < 10) return props.dataSource;
-
-    if (!rowSize) return [props.dataSource[0]];
-    return props.dataSource?.slice(pointer, pointer + 2 * rowSize);
-  }, [props.dataSource, pointer, rowSize]);
-
-  // 监听滚动
-  React.useEffect(() => {
-    if (!self || !placeholder || !props.dataSource || !rowHeight || !tableBody)
-      return;
-
-    const onScroll = () => {
-      if (!props.dataSource || !tableBody) return;
-      setPointer(Math.floor((props.dataSource.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
-    };
-    onScroll();
-
-    tableBody.addEventListener('scroll', onScroll);
-    return () => {
-      tableBody.removeEventListener('scroll', onScroll);
-    };
-  }, [self, placeholder, props.dataSource, rowHeight, rowSize]);
-
-  // 移动列表
-  React.useEffect(() => {
-    if (!self) return;
-
-    const table = self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table') as HTMLDivElement;
-    if (!table) return;
-
-    table.style.top = `${pointer * rowHeight}px`;
-  }, [pointer, self, rowHeight]);
-
-  return (
-    <span className="kts-invoice-operate-goods-table-virtual" ref={(e) => { setSelf(e) }} >
-      <Table {...props} dataSource={dataSource} />
-    </span>
-  );
-}