kts-component-invoice-operate 3.2.29 → 3.2.31

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

@@ -2,15 +2,22 @@ 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']
+
     const controller = Invoice.useInvoiceController();
 
     const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, [])
 
+    const current = controller.useMemo(s => s.goodsListState.drag.current, [])
+
+    const container = controller.useMemo(s => s.goodsListState.drag.container, [])
+
     const discount = React.useMemo(() => {
-        const i = goodsMap.get(props['data-row-key']);
+        const i = goodsMap.get(rowKey);
         if (!i) return undefined;
 
         if (i.lineAttribute === LineAttributeType.折扣行) {
@@ -20,9 +27,15 @@ export default function TableRow(props: any) {
         } else {
             return undefined;
         }
-    }, [props['data-row-key'], goodsMap])
+    }, [rowKey, goodsMap])
+
 
-    return (
-        <tr {...props} className={classnames(props.className, discount)} />
-    )
+    return rowKey === current && current
+        ? (
+            <tr style={{ height: 50, position: 'relative' }} >
+                <div style={{ height: 0.5, width: '100%', background: '#E6E6E6', position: 'absolute', bottom: 0 }} />
+            </tr>
+        ) : (
+            <tr {...props} className={classnames(props.className, discount, (rowKey === container && current) ? 'kts-invoice-operate-goods-list-itemName-drag-container' : '')} />
+        )
 }