kts-component-invoice-operate 3.2.239 → 3.2.240

package/src/Invoice/ui/digtal/PayList/ui/BulkMenu/hooks/useEmptyRefill/index.tsx

@@ -1,37 +0,0 @@
-
-import Invoice from '../../../../../../..';
-import { Button, Popconfirm } from "kts-xui"
-import React from "react"
-
-/** 清空重填 */
-export default () => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const model = controller.useMemo(s => s.model, []);
-
-    const confirm = React.useCallback(() => {
-        controller.run(async s => {
-            s.payListState.goodsList = [];
-            s.payListState.goodsMap = new Map();
-            s.payListState.selectedGoodIndex = [];
-        })
-    }, [controller])
-
-    const button = React.useMemo(() => {
-        if (model === 'readOnly') return <></>;
-        if (model === 'prefab') return <></>;
-        return (
-            <Popconfirm
-                title="将要清空所有项目信息，是否继续"
-                onConfirm={confirm}
-                okText="确定"
-                cancelText="取消"
-            >
-                <Button size='small' >清空重填</Button>
-            </Popconfirm>
-        )
-    }, [model, confirm])
-
-    return { button }
-}

package/src/Invoice/ui/digtal/PayList/ui/TableRow/index.less

@@ -1,29 +0,0 @@
-.kts-invoice-operate-goods-list-itemName-drag-container-u {
-  position: relative;
-
-  &::after {
-    content   : " ";
-    width     : 100%;
-    height    : 2px;
-    background: #0074ff;
-    position  : absolute;
-    left      : 0;
-    top       : 0;
-    z-index   : 9999;
-  }
-}
-
-.kts-invoice-operate-goods-list-itemName-drag-container-d {
-  position: relative;
-
-  &::after {
-    content   : " ";
-    width     : 100%;
-    height    : 2px;
-    background: #0074ff;
-    position  : absolute;
-    left      : 0;
-    bottom    : 0;
-    z-index   : 9999;
-  }
-}

package/src/Invoice/ui/digtal/PayList/ui/TableRow/index.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-import Invoice from '../../../../..';
-import { LineAttributeType } from '../../../../../InvoiceController'
-import classnames from 'classnames'
-import './index.less'
-
-export default function TableRow(props: any) {
-
-    const rowKey = props['data-row-key']
-
-
-
-
-    return <tr
-        {...props}
-        className={classnames(
-            props.className,
-        )}
-    />
-
-}

package/src/Invoice/ui/digtal/PayList/ui/TableVirtual/index.less

@@ -1,39 +0,0 @@
-.kts-invoice-operate-goods-table-virtual {
-
-  .ktsAntX-table-body {
-    height: 280px;
-  }
-
-  .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-header>table>thead>tr>th {
-    padding   : 0 10px;
-    height    : 32px;
-    background: #f4f4f4;
-  }
-
-  .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-body>table>tbody>tr>td {
-    padding: 0;
-    height : 32px;
-  }
-
-  .ktsAntX-table .ktsAntX-table-body {
-    position: relative;
-  }
-
-  .ktsAntX-table .ktsAntX-table-body>table {
-    position: absolute;
-    left    : 0;
-    top     : 0;
-  }
-
-  .ktsAntX-table .ktsAntX-table-tbody {
-    position: relative;
-  }
-
-  .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner {
-    width        : 16px;
-    height       : 16px;
-    border       : 1px solid #d9d9d9;
-    border-radius: 2px;
-    top          : 1px;
-  }
-}

package/src/Invoice/ui/digtal/PayList/ui/TableVirtual/index.tsx

@@ -1,109 +0,0 @@
-
-import React from "react";
-import { TableManual, TableProps } from "kts-xui";
-import { Table } from 'kts-components-antd-x4-v4';
-import './index.less';
-
-export default function <T extends object = any>(props: TableProps<T>) {
-
-    const [self, setSelf] = React.useState<HTMLSpanElement | null>(null);
-
-    const tableBody = React.useMemo(() => {
-        if (!self) return;
-        return self.querySelector('.ktsAntX-table-body') as HTMLDivElement;
-    }, [self]);
-
-    /** 显示指针 */
-    const [pointer, setPointer] = React.useState(0);
-
-    /** 行高 */
-    const rowHeight = React.useMemo(() => {
-        if (!self) return 50;
-
-        const td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
-        if (!td) return 50;
-
-        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 || props.dataSource.length < 10)
-            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('.ktsAntX-table .ktsAntX-table-body>table') as HTMLDivElement;
-        if (!table) return;
-
-        table.style.top = `${pointer * rowHeight}px`;
-    }, [pointer, self, rowHeight]);
-
-    React.useEffect(() => {
-        if (!self) return;
-        const cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
-        if (!cont) return;
-
-        cont.scrollTop = 0;
-    }, [props.dataSource?.length])
-
-    return (
-        <span className="kts-invoice-operate-goods-table-virtual" ref={(e) => { setSelf(e) }} >
-            <TableManual
-                {...props}
-                dataSource={dataSource}
-                // 新版本Table会有输入框无法连续输入的问题，先兼容老版本
-                tableComponent={Table as any}
-            />
-        </span>
-    )
-}