kts-component-invoice-operate 3.2.48 → 3.2.50

package/src/Invoice/ui/default/GoodsList/ui/Search/index.tsx

@@ -1,52 +1,52 @@
-
-import React from "react";
-import { Icon, Input, message } from "kts-components-antd-x3";
-import { ReactComponent as MagnifierSvg } from './icon/magnifier.svg';
-import Invoice from '../../../../..';
-import './index.less';
-
-export default function Search() {
-
-    const controller = Invoice.useInvoiceController();
-
-    const [value, setValue] = React.useState('');
-
-    const readOnly = controller.useMemo(s => !!s.goodsListState.editGood, [])
-
-    const columnshide = controller.useMemo(s => s.goodsListState.columnshide, [])
-
-    /** 是否含税 */
-    const isTaxIncluded = controller.useMemo(s => s.goodsListState.isTaxIncluded, [])
-
-    const onClick = React.useCallback(async () => {
-        await controller.saveEditGood();
-        await controller.wait();
-        if (controller.state.goodsListState.editGood) {
-            message.error({
-                content: '你正在编辑一个货物',
-                key: '你正在编辑一个货物',
-            });
-            return;
-        }
-    }, [])
-
-    React.useEffect(() => {
-        controller.run(async s => {
-            s.goodsListState.searchValue = value.trim();
-        })
-    }, [value, controller])
-
-    return (
-        <Input
-            size="small"
-            readOnly={readOnly}
-            value={value}
-            className="kts-invoice-operate-goods-list-search"
-            placeholder={`请您输入${columnshide.includes('itemCode') ? '' : '商品编码、'}项目名称、规格型号、金额(${isTaxIncluded ? '含税' : '不含税'})搜索`}
-            prefix={<Icon component={MagnifierSvg} style={{ color: "#b8b8b8" }} />}
-            onChange={e => { setValue(e.target.value); }}
-            onClick={onClick}
-        />
-    )
-}
-
+
+import React from "react";
+import { Icon, Input, message } from "kts-components-antd-x3";
+import { ReactComponent as MagnifierSvg } from './icon/magnifier.svg';
+import Invoice from '../../../../..';
+import './index.less';
+
+export default function Search() {
+
+    const controller = Invoice.useInvoiceController();
+
+    const [value, setValue] = React.useState('');
+
+    const readOnly = controller.useMemo(s => !!s.goodsListState.editGood, [])
+
+    const columnshide = controller.useMemo(s => s.goodsListState.columnshide, [])
+
+    /** 是否含税 */
+    const isTaxIncluded = controller.useMemo(s => s.goodsListState.isTaxIncluded, [])
+
+    const onClick = React.useCallback(async () => {
+        await controller.saveEditGood();
+        await controller.wait();
+        if (controller.state.goodsListState.editGood) {
+            message.error({
+                content: '你正在编辑一个货物',
+                key: '你正在编辑一个货物',
+            });
+            return;
+        }
+    }, [])
+
+    React.useEffect(() => {
+        controller.run(async s => {
+            s.goodsListState.searchValue = value.trim();
+        })
+    }, [value, controller])
+
+    return (
+        <Input
+            size="small"
+            readOnly={readOnly}
+            value={value}
+            className="kts-invoice-operate-goods-list-search"
+            placeholder={`请您输入${columnshide.includes('itemCode') ? '' : '商品编码、'}项目名称、规格型号、金额(${isTaxIncluded ? '含税' : '不含税'})搜索`}
+            prefix={<Icon component={MagnifierSvg} style={{ color: "#b8b8b8" }} />}
+            onChange={e => { setValue(e.target.value); }}
+            onClick={onClick}
+        />
+    )
+}
+

package/src/Invoice/ui/default/GoodsList/ui/Statistics/index.less

@@ -1,19 +1,19 @@
-.kts-invoice-operate-goods-list-statistics {
-  background: #fafafa;
-  overflow-y: scroll;
-
-  .kts-invoice-operate-goods-list-statistics-row {
-    height       : 30px;
-    line-height  : 30px;
-    border-bottom: 1px solid #e8e8e8;
-    display      : flex;
-
-    &>div {
-      border-right: 1px solid #e8e8e8;
-
-      label {
-        padding: 0 10px;
-      }
-    }
-  }
+.kts-invoice-operate-goods-list-statistics {
+  background: #fafafa;
+  overflow-y: scroll;
+
+  .kts-invoice-operate-goods-list-statistics-row {
+    height       : 30px;
+    line-height  : 30px;
+    border-bottom: 1px solid #e8e8e8;
+    display      : flex;
+
+    &>div {
+      border-right: 1px solid #e8e8e8;
+
+      label {
+        padding: 0 10px;
+      }
+    }
+  }
 }

package/src/Invoice/ui/default/GoodsList/ui/Statistics/index.tsx

@@ -1,109 +1,109 @@
-import React from 'react';
-import { } from 'kts-components-antd-x3';
-import { chain, bignumber } from 'mathjs';
-import Invoice from '../../../../..';
-import './index.less';
-
-const nzhcn = require('nzh').cn;
-
-export default () => {
-  const controller = Invoice.useInvoiceController();
-
-  /** 是否不含税） */
-  const isTaxIncluded = controller.useMemo(s => s.goodsListState.isTaxIncluded, []);
-
-  /** 金额（含税） */
-  const lineAmountIncludeTax = controller.useMemo((s) => {
-    if (typeof s.goodsListState.amountIncludeTax === 'number') {
-      return s.goodsListState.amountIncludeTax
-    }
-
-    let sum = chain(bignumber(0));
-    const editGood = s.goodsListState.editGood; // 正在编辑的货物
-    const err = s.goodsListState.form?.getFieldsError() ?? {};
-
-    s.goodsListState.goodsList.forEach((e) => {
-      if (e.$index === editGood?.$index) {
-        if (!err.lineAmountIncludeTax) {
-          sum = sum.add(bignumber(editGood.lineAmountIncludeTax || 0));
-        }
-      } else {
-        sum = sum.add(bignumber(e.lineAmountIncludeTax || 0));
-      }
-    });
-    return sum.done().toNumber();
-  }, []);
-
-  /** 金额（不含税） */
-  const lineAmountExcludeTax = controller.useMemo((s) => {
-    if (typeof s.goodsListState.amountExcludeTax === 'number') {
-      return s.goodsListState.amountExcludeTax
-    }
-
-    let sum = chain(bignumber(0));
-    const editGood = s.goodsListState.editGood; // 正在编辑的货物
-    const err = s.goodsListState.form?.getFieldsError() ?? {};
-
-    s.goodsListState.goodsList.forEach((e) => {
-      if (e.$index === editGood?.$index) {
-        if (!err.lineAmountExcludeTax) {
-          sum = sum.add(bignumber(editGood.lineAmountExcludeTax || 0));
-        }
-      } else {
-        sum = sum.add(bignumber(e.lineAmountExcludeTax || 0));
-      }
-    });
-    return sum.done().toNumber();
-  }, []);
-
-  /** 税额 */
-  const taxAmount = controller.useMemo((s) => {
-    if (typeof s.goodsListState.amountTax === 'number') {
-      return s.goodsListState.amountTax;
-    }
-
-    let sum = chain(bignumber(0));
-    const editGood = s.goodsListState.editGood; // 正在编辑的货物
-    s.goodsListState.goodsList.forEach((e) => {
-      if (e.$index === editGood?.$index) {
-        sum = sum.add(bignumber(editGood.taxAmount || 0));
-      } else {
-        sum = sum.add(bignumber(e.taxAmount || 0));
-      }
-    });
-    return sum.done().toNumber();
-  }, []);
-
-  return (
-    <div className="kts-invoice-operate-goods-list-statistics">
-      <div className="kts-invoice-operate-goods-list-statistics-row">
-        <div style={{ width: 45.92 }} />
-        <div style={{ flex: 1 }}>
-          <label>合计</label>
-        </div>
-        <div style={{ width: 119, textAlign: 'right', border: 'none' }}>
-          <label>
-            {parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}
-          </label>
-        </div>
-        <div style={{ width: 70, border: 'none' }} />
-        <div style={{ width: 119, textAlign: 'right', border: 'none' }}>
-          <label>{parseFloat(taxAmount).toFixed(2)}</label>
-        </div>
-        <div style={{ width: 111, border: 'none' }} />
-      </div>
-      <div className="kts-invoice-operate-goods-list-statistics-row">
-        <div style={{ width: 45.92 }} />
-        <div style={{ flex: 5, border: 'none' }}>
-          <label>价税合计（大写）</label>
-          <label>
-            {nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}
-          </label>
-        </div>
-        <div style={{ flex: 5, border: 'none' }}>
-          <label>（小写） {parseFloat(lineAmountIncludeTax).toFixed(2)}</label>
-        </div>
-      </div>
-    </div>
-  );
-};
+import React from 'react';
+import { } from 'kts-components-antd-x3';
+import { chain, bignumber } from 'mathjs';
+import Invoice from '../../../../..';
+import './index.less';
+
+const nzhcn = require('nzh').cn;
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  /** 是否不含税） */
+  const isTaxIncluded = controller.useMemo(s => s.goodsListState.isTaxIncluded, []);
+
+  /** 金额（含税） */
+  const lineAmountIncludeTax = controller.useMemo((s) => {
+    if (typeof s.goodsListState.amountIncludeTax === 'number') {
+      return s.goodsListState.amountIncludeTax
+    }
+
+    let sum = chain(bignumber(0));
+    const editGood = s.goodsListState.editGood; // 正在编辑的货物
+    const err = s.goodsListState.form?.getFieldsError() ?? {};
+
+    s.goodsListState.goodsList.forEach((e) => {
+      if (e.$index === editGood?.$index) {
+        if (!err.lineAmountIncludeTax) {
+          sum = sum.add(bignumber(editGood.lineAmountIncludeTax || 0));
+        }
+      } else {
+        sum = sum.add(bignumber(e.lineAmountIncludeTax || 0));
+      }
+    });
+    return sum.done().toNumber();
+  }, []);
+
+  /** 金额（不含税） */
+  const lineAmountExcludeTax = controller.useMemo((s) => {
+    if (typeof s.goodsListState.amountExcludeTax === 'number') {
+      return s.goodsListState.amountExcludeTax
+    }
+
+    let sum = chain(bignumber(0));
+    const editGood = s.goodsListState.editGood; // 正在编辑的货物
+    const err = s.goodsListState.form?.getFieldsError() ?? {};
+
+    s.goodsListState.goodsList.forEach((e) => {
+      if (e.$index === editGood?.$index) {
+        if (!err.lineAmountExcludeTax) {
+          sum = sum.add(bignumber(editGood.lineAmountExcludeTax || 0));
+        }
+      } else {
+        sum = sum.add(bignumber(e.lineAmountExcludeTax || 0));
+      }
+    });
+    return sum.done().toNumber();
+  }, []);
+
+  /** 税额 */
+  const taxAmount = controller.useMemo((s) => {
+    if (typeof s.goodsListState.amountTax === 'number') {
+      return s.goodsListState.amountTax;
+    }
+
+    let sum = chain(bignumber(0));
+    const editGood = s.goodsListState.editGood; // 正在编辑的货物
+    s.goodsListState.goodsList.forEach((e) => {
+      if (e.$index === editGood?.$index) {
+        sum = sum.add(bignumber(editGood.taxAmount || 0));
+      } else {
+        sum = sum.add(bignumber(e.taxAmount || 0));
+      }
+    });
+    return sum.done().toNumber();
+  }, []);
+
+  return (
+    <div className="kts-invoice-operate-goods-list-statistics">
+      <div className="kts-invoice-operate-goods-list-statistics-row">
+        <div style={{ width: 45.92 }} />
+        <div style={{ flex: 1 }}>
+          <label>合计</label>
+        </div>
+        <div style={{ width: 119, textAlign: 'right', border: 'none' }}>
+          <label>
+            {parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}
+          </label>
+        </div>
+        <div style={{ width: 70, border: 'none' }} />
+        <div style={{ width: 119, textAlign: 'right', border: 'none' }}>
+          <label>{parseFloat(taxAmount).toFixed(2)}</label>
+        </div>
+        <div style={{ width: 111, border: 'none' }} />
+      </div>
+      <div className="kts-invoice-operate-goods-list-statistics-row">
+        <div style={{ width: 45.92 }} />
+        <div style={{ flex: 5, border: 'none' }}>
+          <label>价税合计（大写）</label>
+          <label>
+            {nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}
+          </label>
+        </div>
+        <div style={{ flex: 5, border: 'none' }}>
+          <label>（小写） {parseFloat(lineAmountIncludeTax).toFixed(2)}</label>
+        </div>
+      </div>
+    </div>
+  );
+};

package/src/Invoice/ui/default/GoodsList/ui/TableRow/index.less

@@ -1,14 +1,14 @@
-.kts-invoice-operate-goods-list-itemName-drag-container {
-  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 {
+  position: relative;
+
+  &::after {
+    content   : " ";
+    width     : 100%;
+    height    : 2px;
+    background: #0074ff;
+    position  : absolute;
+    left      : 0;
+    top       : 0;
+    z-index   : 9999;
+  }
 }

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

@@ -1,47 +1,47 @@
-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 good = React.useMemo(() => goodsMap?.get(rowKey), [rowKey, goodsMap])
-
-    const discount = React.useMemo(() => {
-        const i = good;
-        if (!i) return undefined;
-
-        if (i.lineAttribute === LineAttributeType.折扣行) {
-            return 'kts-invoice-operate-goods-be-discount'
-        } else if (i.lineAttribute === LineAttributeType.被折扣行) {
-            return 'kts-invoice-operate-goods-discount'
-        } else {
-            return undefined;
-        }
-    }, [good, goodsMap])
-
-    return (
-        rowKey === current && current
-            ? (
-                <tr style={{ height: 32.67, borderBottom: '1px solid #E6E6E6', position: 'relative' }} >
-                    <div style={{ height: 1, 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' : undefined)}
-                />
-            )
-    )
+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 good = React.useMemo(() => goodsMap?.get(rowKey), [rowKey, goodsMap])
+
+    const discount = React.useMemo(() => {
+        const i = good;
+        if (!i) return undefined;
+
+        if (i.lineAttribute === LineAttributeType.折扣行) {
+            return 'kts-invoice-operate-goods-be-discount'
+        } else if (i.lineAttribute === LineAttributeType.被折扣行) {
+            return 'kts-invoice-operate-goods-discount'
+        } else {
+            return undefined;
+        }
+    }, [good, goodsMap])
+
+    return (
+        rowKey === current && current
+            ? (
+                <tr style={{ height: 32.67, borderBottom: '1px solid #E6E6E6', position: 'relative' }} >
+                    <div style={{ height: 1, 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' : undefined)}
+                />
+            )
+    )
 }

package/src/Invoice/ui/default/GoodsList/ui/TableVirtual/index.less

@@ -1,39 +1,39 @@
-.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;
-  }
+.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;
+  }
 }