kts-component-invoice-operate 3.2.16 → 3.2.17

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

@@ -1,37 +1,37 @@
-
-import React from 'react';
-import { Switch, Icon, Tooltip } from 'kts-components-antd-x3';
-import Invoice from '../../../../..';
-
-export default () => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const productComparison = controller.useMemo(s => s.goodsListState.productComparison, [])
-
-    const isMyShow = controller.useMemo(s => s.goodsListState.isMyShow, []);
-
-    const onChange = React.useCallback(e => {
-        controller.run(async s => s.goodsListState.isMyShow = !s.goodsListState.isMyShow)
-    }, [])
-
-    if (!productComparison.onComply) return <></>;
-
-    return (
-        <span>
-            <label style={{ marginRight: 2 }} >
-                <Tooltip title="蓝色代表我方商品描述，黑色代表对方的商品描述。">
-                    <Icon style={{ marginRight: 3 }} type="info-circle" />
-                </Tooltip>
-                使用哪方商品描述:
-            </label>
-            <Switch
-                checked={isMyShow}
-                checkedChildren="我方"
-                unCheckedChildren="对方"
-                defaultChecked
-                onChange={onChange}
-            />
-        </span>
-    )
+
+import React from 'react';
+import { Switch, Icon, Tooltip } from 'kts-components-antd-x3';
+import Invoice from '../../../../..';
+
+export default () => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const productComparison = controller.useMemo(s => s.goodsListState.productComparison, [])
+
+    const isMyShow = controller.useMemo(s => s.goodsListState.isMyShow, []);
+
+    const onChange = React.useCallback(e => {
+        controller.run(async s => s.goodsListState.isMyShow = !s.goodsListState.isMyShow)
+    }, [])
+
+    if (!productComparison.onComply) return <></>;
+
+    return (
+        <span>
+            <label style={{ marginRight: 2 }} >
+                <Tooltip title="蓝色代表我方商品描述，黑色代表对方的商品描述。">
+                    <Icon style={{ marginRight: 3 }} type="info-circle" />
+                </Tooltip>
+                使用哪方商品描述:
+            </label>
+            <Switch
+                checked={isMyShow}
+                checkedChildren="我方"
+                unCheckedChildren="对方"
+                defaultChecked
+                onChange={onChange}
+            />
+        </span>
+    )
 }

package/src/Invoice/ui/digtal/GoodsList/ui/Search/index.less

@@ -1,12 +1,12 @@
-.kts-invoice-operate-goods-list-able {
-  .kts-invoice-operate-goods-list-search {
-    width: 350px;
-    border-radius: 999px;
-
-    input {
-      border-radius: 999px;
-      border-color : #b8b8b8;
-      font-size    : 12px;
-    }
-  }
+.kts-invoice-operate-goods-list-able {
+  .kts-invoice-operate-goods-list-search {
+    width: 350px;
+    border-radius: 999px;
+
+    input {
+      border-radius: 999px;
+      border-color : #b8b8b8;
+      font-size    : 12px;
+    }
+  }
 }

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

@@ -1,50 +1,50 @@
-
-import React from "react";
-import { Icon } from "kts-components-antd-x3";
-import { Input, message } from "kts-xui";
-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 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
-            readOnly={readOnly}
-            value={value}
-            className="kts-invoice-operate-goods-list-search"
-            placeholder={`请您输入项目名称、规格型号、金额(${isTaxIncluded ? '含税' : '不含税'})搜索`}
-            prefix={<Icon component={MagnifierSvg} style={{ color: "#b8b8b8" }} />}
-            onChange={e => { setValue(e.target.value); }}
-            onClick={onClick}
-        />
-    )
-}
-
+
+import React from "react";
+import { Icon } from "kts-components-antd-x3";
+import { Input, message } from "kts-xui";
+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 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
+            readOnly={readOnly}
+            value={value}
+            className="kts-invoice-operate-goods-list-search"
+            placeholder={`请您输入项目名称、规格型号、金额(${isTaxIncluded ? '含税' : '不含税'})搜索`}
+            prefix={<Icon component={MagnifierSvg} style={{ color: "#b8b8b8" }} />}
+            onChange={e => { setValue(e.target.value); }}
+            onClick={onClick}
+        />
+    )
+}
+

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

@@ -1,54 +1,54 @@
-// .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: 2px solid #e8e8e8;
-//     display      : flex;
-
-//     &>div {
-//       border-right: 2px solid #e8e8e8;
-
-//       label {
-//         padding: 0 10px;
-//       }
-//     }
-//   }
-// }
-
-.kts-invoice-operate-goods-list-statistics-digtal {
-
-  overflow-y: scroll;
-
-  /* 设置滚动条滑块颜色 */
-  &::-webkit-scrollbar-track {
-    background-color: #f1f1f1;
-  }
-
-  .statistics-digtal-total-tax,
-  .statistics-digtal-total {
-    height     : 42px;
-    display    : flex;
-    align-items: center;
-
-    &>div:first-child {
-      width          : 225px;
-      color          : #9F613E;
-      font-family    : PingFang SC;
-      height         : 100%;
-      display        : flex;
-      align-items    : center;
-      justify-content: center;
-    }
-  }
-
-  .statistics-digtal-total-tax {
-    border-top: 2px solid #9F613E;
-
-    &>div:first-child {
-      border-right: 2px solid #9F613E;
-    }
-  }
+// .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: 2px solid #e8e8e8;
+//     display      : flex;
+
+//     &>div {
+//       border-right: 2px solid #e8e8e8;
+
+//       label {
+//         padding: 0 10px;
+//       }
+//     }
+//   }
+// }
+
+.kts-invoice-operate-goods-list-statistics-digtal {
+
+  overflow-y: scroll;
+
+  /* 设置滚动条滑块颜色 */
+  &::-webkit-scrollbar-track {
+    background-color: #f1f1f1;
+  }
+
+  .statistics-digtal-total-tax,
+  .statistics-digtal-total {
+    height     : 42px;
+    display    : flex;
+    align-items: center;
+
+    &>div:first-child {
+      width          : 225px;
+      color          : #9F613E;
+      font-family    : PingFang SC;
+      height         : 100%;
+      display        : flex;
+      align-items    : center;
+      justify-content: center;
+    }
+  }
+
+  .statistics-digtal-total-tax {
+    border-top: 2px solid #9F613E;
+
+    &>div:first-child {
+      border-right: 2px solid #9F613E;
+    }
+  }
 }

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

@@ -1,99 +1,99 @@
-import React from 'react';
-import Icon from '@ant-design/icons';
-import { } from 'kts-components-antd-x3';
-import { ReactComponent as ForkSvg } from './svg/fork.svg';
-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-digtal' >
-      <div className='statistics-digtal-total' >
-        <div>合计</div>
-        <div style={{ flex: 1 }} />
-        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}</div>
-        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(taxAmount).toFixed(2)}</div>
-      </div>
-      <div className='statistics-digtal-total-tax' >
-        <div>价税合计（大写）</div>
-        <div style={{ paddingLeft: 30 }} >
-          <Icon component={ForkSvg} />
-          <span style={{ fontWeight: 'bold', marginLeft: 4 }} >{nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}</span>
-        </div>
-        <div style={{ flex: 1 }} />
-        <div style={{ width: 90, color: '#9F613E' }} >（小写）</div>
-        <div style={{ width: 119 }} >¥{parseFloat(lineAmountIncludeTax).toFixed(2)}</div>
-      </div>
-    </div >
-  );
-};
+import React from 'react';
+import Icon from '@ant-design/icons';
+import { } from 'kts-components-antd-x3';
+import { ReactComponent as ForkSvg } from './svg/fork.svg';
+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-digtal' >
+      <div className='statistics-digtal-total' >
+        <div>合计</div>
+        <div style={{ flex: 1 }} />
+        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}</div>
+        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(taxAmount).toFixed(2)}</div>
+      </div>
+      <div className='statistics-digtal-total-tax' >
+        <div>价税合计（大写）</div>
+        <div style={{ paddingLeft: 30 }} >
+          <Icon component={ForkSvg} />
+          <span style={{ fontWeight: 'bold', marginLeft: 4 }} >{nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}</span>
+        </div>
+        <div style={{ flex: 1 }} />
+        <div style={{ width: 90, color: '#9F613E' }} >（小写）</div>
+        <div style={{ width: 119 }} >¥{parseFloat(lineAmountIncludeTax).toFixed(2)}</div>
+      </div>
+    </div >
+  );
+};

package/src/Invoice/ui/digtal/GoodsList/ui/Statistics/svg/fork.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-  <g clip-path="url(#clip0_695_1221)">
-    <path d="M7.99978 0.888916C4.08867 0.888916 0.888672 4.08892 0.888672 8.00003C0.888672 11.9111 4.08867 15.1111 7.99978 15.1111C11.9109 15.1111 15.1109 11.9111 15.1109 8.00003C15.1109 4.08892 11.9109 0.888916 7.99978 0.888916ZM7.99978 14.2222C4.53312 14.2222 1.77756 11.4667 1.77756 8.00003C1.77756 4.53336 4.53312 1.7778 7.99978 1.7778C11.4664 1.7778 14.222 4.53336 14.222 8.00003C14.222 11.4667 11.4664 14.2222 7.99978 14.2222Z" fill="#333333"/>
-    <path d="M10.7019 11.3288L4.72949 5.35818L5.35794 4.72974L11.3295 10.7004L10.7019 11.3288Z" fill="#333333"/>
-    <path d="M4.66895 10.7023L10.6396 4.73071L11.2681 5.35916L5.29739 11.3307L4.66895 10.7023Z" fill="#333333"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_695_1221">
-      <rect width="16" height="16" fill="white"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <g clip-path="url(#clip0_695_1221)">
+    <path d="M7.99978 0.888916C4.08867 0.888916 0.888672 4.08892 0.888672 8.00003C0.888672 11.9111 4.08867 15.1111 7.99978 15.1111C11.9109 15.1111 15.1109 11.9111 15.1109 8.00003C15.1109 4.08892 11.9109 0.888916 7.99978 0.888916ZM7.99978 14.2222C4.53312 14.2222 1.77756 11.4667 1.77756 8.00003C1.77756 4.53336 4.53312 1.7778 7.99978 1.7778C11.4664 1.7778 14.222 4.53336 14.222 8.00003C14.222 11.4667 11.4664 14.2222 7.99978 14.2222Z" fill="#333333"/>
+    <path d="M10.7019 11.3288L4.72949 5.35818L5.35794 4.72974L11.3295 10.7004L10.7019 11.3288Z" fill="#333333"/>
+    <path d="M4.66895 10.7023L10.6396 4.73071L11.2681 5.35916L5.29739 11.3307L4.66895 10.7023Z" fill="#333333"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_695_1221">
+      <rect width="16" height="16" fill="white"/>
+    </clipPath>
+  </defs>
 </svg>

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

@@ -1,28 +1,28 @@
-import React from "react";
-import Invoice from '../../../../..';
-import { LineAttributeType } from '../../../../../InvoiceController'
-import classnames from 'classnames'
-
-export default function TableRow(props: any) {
-
-    const controller = Invoice.useInvoiceController();
-
-    const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, [])
-
-    const discount = React.useMemo(() => {
-        const i = goodsMap.get(props['data-row-key']);
-        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;
-        }
-    }, [props['data-row-key'], goodsMap])
-
-    return (
-        <tr {...props} className={classnames(props.className, discount)} />
-    )
+import React from "react";
+import Invoice from '../../../../..';
+import { LineAttributeType } from '../../../../../InvoiceController'
+import classnames from 'classnames'
+
+export default function TableRow(props: any) {
+
+    const controller = Invoice.useInvoiceController();
+
+    const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, [])
+
+    const discount = React.useMemo(() => {
+        const i = goodsMap.get(props['data-row-key']);
+        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;
+        }
+    }, [props['data-row-key'], goodsMap])
+
+    return (
+        <tr {...props} className={classnames(props.className, discount)} />
+    )
 }

package/src/Invoice/ui/digtal/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;
+  }
 }