kts-component-invoice-operate 3.2.244 → 3.2.246

package/src/Invoice/ui/default/GoodsList/hook/useColumns/ui/RowSaveButton/index.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Button } from 'kts-components-antd-x3';
-import Invoice from '../../../../../../';
-import { IGood } from '../../../../../../InvoiceController';
-
-export default (props: { goods: IGood }) => {
-  const controller = Invoice.useInvoiceController();
-
-  const onClick = React.useCallback(() => {
-    controller.saveEditGood();
-  }, [controller]);
-
-  return <Button type="link" icon="save" onClick={onClick} />;
-};
+import React from 'react';
+import { Button } from 'kts-components-antd-x3';
+import Invoice from '../../../../../../';
+import { IGood } from '../../../../../../InvoiceController';
+
+export default (props: { goods: IGood }) => {
+  const controller = Invoice.useInvoiceController();
+
+  const onClick = React.useCallback(() => {
+    controller.saveEditGood();
+  }, [controller]);
+
+  return <Button type="link" icon="save" onClick={onClick} />;
+};

package/src/Invoice/ui/default/GoodsList/hook/useColumns/ui/TitleText/index.tsx

@@ -1,20 +1,20 @@
-
-import React from 'react';
-import { Typography } from 'kts-components-antd-x3';
-import { ValidationRule } from 'kts-components-antd-x3/lib/form';
-
-const { Text } = Typography;
-
-export default (props: { children?: React.ReactNode, required?: boolean, rules?: ValidationRule[] }) => {
-
-    const { rules, children } = props;
-
-    const required = React.useMemo(() => rules?.some(e => !!e.required) || props.required, [rules, props.required]);
-
-    return (
-        <>
-            {required ? <Text type="danger">*</Text> : <></>}
-            {children}
-        </>
-    )
-};
+
+import React from 'react';
+import { Typography } from 'kts-components-antd-x3';
+import { ValidationRule } from 'kts-components-antd-x3/lib/form';
+
+const { Text } = Typography;
+
+export default (props: { children?: React.ReactNode, required?: boolean, rules?: ValidationRule[] }) => {
+
+    const { rules, children } = props;
+
+    const required = React.useMemo(() => rules?.some(e => !!e.required) || props.required, [rules, props.required]);
+
+    return (
+        <>
+            {required ? <Text type="danger">*</Text> : <></>}
+            {children}
+        </>
+    )
+};

package/src/Invoice/ui/default/GoodsList/hook/useDeduction/index.tsx

@@ -1,24 +1,24 @@
-
-/**
- * 扣除额 相关业务
- */
-
-import React from "react";
-import { InvoiceController } from "../../../../../..";
-
-/**
- * 扣除额 相关业务
- */
-export default function useDeduction(controller: InvoiceController, deduction = 0) {
-
-  // 更新 扣除额
-  React.useEffect(() => { controller.pipeline(async s => s.goodsListState.deduction = deduction)(); }, [controller, deduction]);
-
-  // 重新计算
-  React.useEffect(()=>{
-    controller.pipeline(async s=>{
-      s.goodsListState.editGood = undefined;
-      s.goodsListState.goodsList = [];
-    })()
-  }, [controller, deduction])
-}
+
+/**
+ * 扣除额 相关业务
+ */
+
+import React from "react";
+import { InvoiceController } from "../../../../../..";
+
+/**
+ * 扣除额 相关业务
+ */
+export default function useDeduction(controller: InvoiceController, deduction = 0) {
+
+  // 更新 扣除额
+  React.useEffect(() => { controller.pipeline(async s => s.goodsListState.deduction = deduction)(); }, [controller, deduction]);
+
+  // 重新计算
+  React.useEffect(()=>{
+    controller.pipeline(async s=>{
+      s.goodsListState.editGood = undefined;
+      s.goodsListState.goodsList = [];
+    })()
+  }, [controller, deduction])
+}

package/src/Invoice/ui/default/GoodsList/hook/useOnRow/index.tsx

@@ -1,52 +1,52 @@
-/**
- * 表格行事件
- */
-
-import React from 'react';
-import Invoice from '../../../../..';
-import IGood from '../../../../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
-import { LineAttributeType } from '../../../../../InvoiceController';
-
-export default () => {
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  const model = controller.useMemo(s => s.model, []);
-
-  const onClick = React.useCallback(
-    async (record: IGood) => {
-      // if (model === 'prefab') return;
-      if (record.level && record.level > 0) return;
-      if (model === 'readOnly') return;
-
-      const editGood = controller.state.goodsListState.editGood;
-      if (record.lineAttribute !== LineAttributeType.正常) return;
-
-      if (editGood) {
-        if (editGood.$index === record.$index) return;
-        await controller.saveEditGood();
-        await controller.wait();
-        if (controller.getGoodsTaxRateList && record.taxClassificationCode && !record.goodsTaxRateList ) {
-          record.goodsTaxRateList = await controller.getGoodsTaxRateList(record.taxClassificationCode);
-          // if (record.taxRate !== undefined && record.taxRate !== null && !record.goodsTaxRateList.includes(record.taxRate)) {
-          //   record.taxRate = undefined;
-          // }
-        }
-        await controller.pipeline(async s => { s.goodsListState.editGood || (await controller.setEditGood(record)) })();
-      } else {
-        if (controller.getGoodsTaxRateList && record.taxClassificationCode && !record.goodsTaxRateList ) {
-          record.goodsTaxRateList = await controller.getGoodsTaxRateList(record.taxClassificationCode);
-          // if (record.taxRate !== undefined && record.taxRate !== null && !record.goodsTaxRateList.includes(record.taxRate)) {
-          //   record.taxRate = undefined;
-          // }
-        }
-        await controller.setEditGood(record);
-      }
-    },
-    [controller, model],
-  );
-
-  return {
-    onClick,
-  };
-};
+/**
+ * 表格行事件
+ */
+
+import React from 'react';
+import Invoice from '../../../../..';
+import IGood from '../../../../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
+import { LineAttributeType } from '../../../../../InvoiceController';
+
+export default () => {
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);
+
+  const onClick = React.useCallback(
+    async (record: IGood) => {
+      // if (model === 'prefab') return;
+      if (record.level && record.level > 0) return;
+      if (model === 'readOnly') return;
+
+      const editGood = controller.state.goodsListState.editGood;
+      if (record.lineAttribute !== LineAttributeType.正常) return;
+
+      if (editGood) {
+        if (editGood.$index === record.$index) return;
+        await controller.saveEditGood();
+        await controller.wait();
+        if (controller.getGoodsTaxRateList && record.taxClassificationCode && !record.goodsTaxRateList ) {
+          record.goodsTaxRateList = await controller.getGoodsTaxRateList(record.taxClassificationCode);
+          // if (record.taxRate !== undefined && record.taxRate !== null && !record.goodsTaxRateList.includes(record.taxRate)) {
+          //   record.taxRate = undefined;
+          // }
+        }
+        await controller.pipeline(async s => { s.goodsListState.editGood || (await controller.setEditGood(record)) })();
+      } else {
+        if (controller.getGoodsTaxRateList && record.taxClassificationCode && !record.goodsTaxRateList ) {
+          record.goodsTaxRateList = await controller.getGoodsTaxRateList(record.taxClassificationCode);
+          // if (record.taxRate !== undefined && record.taxRate !== null && !record.goodsTaxRateList.includes(record.taxRate)) {
+          //   record.taxRate = undefined;
+          // }
+        }
+        await controller.setEditGood(record);
+      }
+    },
+    [controller, model],
+  );
+
+  return {
+    onClick,
+  };
+};

package/src/Invoice/ui/default/GoodsList/hook/useRowSelection/index.tsx

@@ -1,121 +1,121 @@
-
-import React from 'react';
-import { Checkbox } from 'kts-components-antd-x3';
-import { LineAttributeType } from '../../../../../InvoiceController';
-import Invoice from '../../../../..';
-
-export default () => {
-
-    /** 控制器 */
-    const controller = Invoice.useInvoiceController();
-
-    /** 列表选中的货物索引列表 */
-    const selectedRowKeys = controller.useMemo(s => s.goodsListState.selectedGoodIndex, []);
-
-    /** 货物列表 */
-    const goodsList = controller.useMemo(s => s.goodsListState.goodsList, []);
-
-    /** 搜索条件 */
-    const searchValue = controller.useMemo(s => s.goodsListState.searchValue, []);
-
-    /** 是否全选 */
-    // const isAll = controller.useMemo(s => s.goodsListState.goodsList.length > 0 && s.goodsListState.selectedGoodIndex.length === s.goodsListState.goodsList.length, [])
-    const isAll = controller.useMemo(s => {
-        if (s.goodsListState.selectedGoodIndex.length <= 0) return false;
-        const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index);
-        const selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => seeGoodsIndex.some(t => e === t));
-        return selectedGoodIndex.length === seeGoodsIndex.length
-    }, [])
-
-    const indeterminate = controller.useMemo(s => {
-        const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index);
-        const selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => seeGoodsIndex.some(t => e === t));
-        if (selectedGoodIndex.length === 0) return false;
-        return selectedGoodIndex.length < seeGoodsIndex.length
-    }, [])
-
-    /** 点击了全选 */
-    const onClickSelectAll = React.useCallback(async () => {
-        if (isAll) {
-            await controller.pipeline(async s => {
-                const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index)
-
-                s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => !seeGoodsIndex.some(t => e === t));
-            })()
-        } else {
-            await controller.pipeline(async s => {
-                const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index)
-
-                s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, ...seeGoodsIndex];
-                s.goodsListState.selectedGoodIndex = Array.from(new Set(s.goodsListState.selectedGoodIndex));
-            })()
-        }
-        await sortOut(true);
-    }, [controller, isAll])
-
-    const onSelect = React.useCallback(async (record, selected) => {
-        if (selected) {
-            await controller.pipeline(async s => {
-                s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, record.$index];
-                s.goodsListState = { ...s.goodsListState };
-            })()
-        } else {
-            await controller.pipeline(async s => {
-                s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => e !== record.$index);
-                s.goodsListState = { ...s.goodsListState };
-            })()
-        }
-        await sortOut(selected);
-    }, [controller])
-
-    const columnTitle = React.useMemo(() => {
-        return (
-            <Checkbox
-                onChange={onClickSelectAll}
-                indeterminate={indeterminate}
-                checked={isAll}
-            />
-        )
-    }, [goodsList, selectedRowKeys, onClickSelectAll, isAll, indeterminate])
-
-    /** 选择了商品后 调整 折扣行 和 被折扣行 */
-    const sortOut = React.useCallback(async (selected: boolean) => {
-        await controller.wait();
-        await controller.pipeline(async s => {
-            s.goodsListState.selectedGoodIndex.forEach($index => {
-                const goods = s.goodsListState.goodsMap.get($index);
-
-                if (!goods || (goods.lineAttribute !== LineAttributeType.折扣行 && goods.lineAttribute !== LineAttributeType.被折扣行)) return;
-
-                // 数组位置
-                let t = s.goodsListState.goodsList.indexOf(goods);
-                goods.lineAttribute === LineAttributeType.折扣行 ? t-- : t++;
-                const i = s.goodsListState.goodsList[t].$index;
-
-                if (selected) {
-                    if (s.goodsListState.selectedGoodIndex.indexOf(i) < 0) s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, i];
-                } else {
-                    if (s.goodsListState.selectedGoodIndex.indexOf(i) < 0) s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => e !== $index);
-                }
-            })
-        })()
-    }, [controller])
-
-    React.useEffect(() => {
-        sortOut(true);
-    }, [sortOut, goodsList])
-
-    return {
-        columnWidth: 45,
-        columnTitle,
-        onSelect,
-        selectedRowKeys,
-        getCheckboxProps: (record: any) => {
-            // console.log('===> getCheckboxProps', record, record.level)
-            return {
-                disabled: record.level > 0,
-                style: record.level > 0 ? { display: 'none' } : undefined
-            }
-        },
-    }
+
+import React from 'react';
+import { Checkbox } from 'kts-components-antd-x3';
+import { LineAttributeType } from '../../../../../InvoiceController';
+import Invoice from '../../../../..';
+
+export default () => {
+
+    /** 控制器 */
+    const controller = Invoice.useInvoiceController();
+
+    /** 列表选中的货物索引列表 */
+    const selectedRowKeys = controller.useMemo(s => s.goodsListState.selectedGoodIndex, []);
+
+    /** 货物列表 */
+    const goodsList = controller.useMemo(s => s.goodsListState.goodsList, []);
+
+    /** 搜索条件 */
+    const searchValue = controller.useMemo(s => s.goodsListState.searchValue, []);
+
+    /** 是否全选 */
+    // const isAll = controller.useMemo(s => s.goodsListState.goodsList.length > 0 && s.goodsListState.selectedGoodIndex.length === s.goodsListState.goodsList.length, [])
+    const isAll = controller.useMemo(s => {
+        if (s.goodsListState.selectedGoodIndex.length <= 0) return false;
+        const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index);
+        const selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => seeGoodsIndex.some(t => e === t));
+        return selectedGoodIndex.length === seeGoodsIndex.length
+    }, [])
+
+    const indeterminate = controller.useMemo(s => {
+        const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index);
+        const selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => seeGoodsIndex.some(t => e === t));
+        if (selectedGoodIndex.length === 0) return false;
+        return selectedGoodIndex.length < seeGoodsIndex.length
+    }, [])
+
+    /** 点击了全选 */
+    const onClickSelectAll = React.useCallback(async () => {
+        if (isAll) {
+            await controller.pipeline(async s => {
+                const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index)
+
+                s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => !seeGoodsIndex.some(t => e === t));
+            })()
+        } else {
+            await controller.pipeline(async s => {
+                const seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue, s.goodsListState.isTaxIncluded).map(e => e.$index)
+
+                s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, ...seeGoodsIndex];
+                s.goodsListState.selectedGoodIndex = Array.from(new Set(s.goodsListState.selectedGoodIndex));
+            })()
+        }
+        await sortOut(true);
+    }, [controller, isAll])
+
+    const onSelect = React.useCallback(async (record, selected) => {
+        if (selected) {
+            await controller.pipeline(async s => {
+                s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, record.$index];
+                s.goodsListState = { ...s.goodsListState };
+            })()
+        } else {
+            await controller.pipeline(async s => {
+                s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => e !== record.$index);
+                s.goodsListState = { ...s.goodsListState };
+            })()
+        }
+        await sortOut(selected);
+    }, [controller])
+
+    const columnTitle = React.useMemo(() => {
+        return (
+            <Checkbox
+                onChange={onClickSelectAll}
+                indeterminate={indeterminate}
+                checked={isAll}
+            />
+        )
+    }, [goodsList, selectedRowKeys, onClickSelectAll, isAll, indeterminate])
+
+    /** 选择了商品后 调整 折扣行 和 被折扣行 */
+    const sortOut = React.useCallback(async (selected: boolean) => {
+        await controller.wait();
+        await controller.pipeline(async s => {
+            s.goodsListState.selectedGoodIndex.forEach($index => {
+                const goods = s.goodsListState.goodsMap.get($index);
+
+                if (!goods || (goods.lineAttribute !== LineAttributeType.折扣行 && goods.lineAttribute !== LineAttributeType.被折扣行)) return;
+
+                // 数组位置
+                let t = s.goodsListState.goodsList.indexOf(goods);
+                goods.lineAttribute === LineAttributeType.折扣行 ? t-- : t++;
+                const i = s.goodsListState.goodsList[t].$index;
+
+                if (selected) {
+                    if (s.goodsListState.selectedGoodIndex.indexOf(i) < 0) s.goodsListState.selectedGoodIndex = [...s.goodsListState.selectedGoodIndex, i];
+                } else {
+                    if (s.goodsListState.selectedGoodIndex.indexOf(i) < 0) s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(e => e !== $index);
+                }
+            })
+        })()
+    }, [controller])
+
+    React.useEffect(() => {
+        sortOut(true);
+    }, [sortOut, goodsList])
+
+    return {
+        columnWidth: 45,
+        columnTitle,
+        onSelect,
+        selectedRowKeys,
+        getCheckboxProps: (record: any) => {
+            // console.log('===> getCheckboxProps', record, record.level)
+            return {
+                disabled: record.level > 0,
+                style: record.level > 0 ? { display: 'none' } : undefined
+            }
+        },
+    }
 }

package/src/Invoice/ui/default/GoodsList/hook/useWindowClick/index.tsx

@@ -1,23 +1,23 @@
-
-/**
- * 点击组件外部 保存正在编辑的货物
- */
-
-import React from "react";
-import { InvoiceController } from "../../../../../..";
-
-/**
- * 点击组件外部 保存正在编辑的货物
- */
-export default function useWindowClick(controller: InvoiceController) {
-
-  /** 点击组件外部 保存正在编辑的货物 */
-  React.useEffect(() => {
-    const click = () => { setTimeout(controller.saveEditGood) };
-
-    window.addEventListener('click', click);
-    return () => {
-      window.removeEventListener('click', click);
-    };
-  }, [controller]);
-}
+
+/**
+ * 点击组件外部 保存正在编辑的货物
+ */
+
+import React from "react";
+import { InvoiceController } from "../../../../../..";
+
+/**
+ * 点击组件外部 保存正在编辑的货物
+ */
+export default function useWindowClick(controller: InvoiceController) {
+
+  /** 点击组件外部 保存正在编辑的货物 */
+  React.useEffect(() => {
+    const click = () => { setTimeout(controller.saveEditGood) };
+
+    window.addEventListener('click', click);
+    return () => {
+      window.removeEventListener('click', click);
+    };
+  }, [controller]);
+}