kts-component-invoice-operate 3.2.145 → 3.2.147

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

@@ -1,115 +1,115 @@
-
-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}
-            ></Checkbox>
-        )
-    }, [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,
-    }
+
+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}
+            ></Checkbox>
+        )
+    }, [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,
+    }
 }

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]);
+}

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

@@ -1,179 +1,179 @@
-.kts-invoice-operate-goods-list {
-
-  .kts-invoice-operate-goods-list-table-tax-rate {
-    .ktsAnt3x-select-selection-selected-value {
-      float: right;
-    }
-  }
-
-  .kts-invoice-operate-goods-list-able {
-    display      : flex;
-    padding      : 10px;
-    border-bottom: 1px solid #dcdcdc;
-  }
-
-  .kts-invoice-operate-goods-list-able-list {
-    flex         : 1;
-    display      : flex;
-    gap          : 10px;
-    padding-right: 10px;
-
-    button {
-      padding-left : 10px;
-      padding-right: 10px;
-      border-radius: 12px;
-      color        : #0074ff;
-      border       : 1px solid #0074ff;
-      height       : 24px;
-      line-height  : 22px;
-      cursor       : pointer;
-      font-size    : 12px;
-    }
-
-    button[disabled] {
-      color : rgba(0, 0, 0, 0.25);
-      border: 1px solid;
-    }
-  }
-
-  .kts-invoice-operate-goods-list-able-extend {
-    flex   : none;
-    display: flex;
-    gap    : 5px;
-  }
-
-  .ktsAntX-table {
-    .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,
-    .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {
-      background: #f5f5f5;
-    }
-  }
-}
-
-.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab {
-  .ktsAnt3x-table-row {
-    color     : rgba(0, 0, 0, 0.25);
-    background: #f5f5f5;
-  }
-}
-
-// .kts-invoice-operate-goods-list-table {
-//   border-bottom: 1px solid #dcdcdc;
-
-//   .kts-invoice-operate-goods-be-discount,
-//   .kts-invoice-operate-goods-discount {
-//     background: #f5f5f5;
-//   }
-
-//   .kts-invoice-operate-goods-be-discount{
-//     color: #D9001B;
-//   }
-
-//   .kts-invoice-operate-goods-list-able-list-itemName-import {
-//     display: flex;
-
-//     .ktsAnt3x-btn {
-//       display      : block;
-//       line-height  : 0;
-//       width        : auto;
-//       padding-right: 5px;
-//     }
-//   }
-
-//   .ktsAnt3x-form-item-children {
-//     height : 30px;
-//     display: block;
-//   }
-
-//   .ktsAnt3x-table-body {
-//     height: 263px;
-//   }
-
-//   .ktsAnt3x-form-explain {
-//     position: absolute;
-//     right   : 6px;
-//     top     : 6px;
-//   }
-
-//   table {
-//     border-bottom: 1px solid #d9d9d9 !important;
-//   }
-
-//   table>.ktsAnt3x-table-tbody>tr>td {
-//     padding: 0 !important;
-
-//     .ktsAnt3x-form-explain {
-//       display: none;
-//     }
-
-//     .ktsAnt3x-form-item {
-//       padding: 0;
-//       margin : 0;
-
-//       .ktsAnt3x-form-item-control {
-//         line-height: inherit;
-//       }
-//     }
-
-//     .has-error .ktsAnt3x-select-selection,
-//     .has-error .ktsAnt3x-input,
-//     .has-error .ktsAnt3x-input:hover {
-//       border-right-width : 1px !important;
-//       border-top-width   : 1px;
-//       border-left-width  : 1px;
-//       border-bottom-width: 1px;
-//     }
-
-//     .ktsAnt3x-select-selection--single,
-//     .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,
-//     .ktsAnt3x-input {
-//       height             : 30px;
-//       border-radius      : 0;
-//       border-right-width : 0 !important;
-//       border-top-width   : 0;
-//       border-left-width  : 0;
-//       border-bottom-width: 0;
-//       box-shadow         : none;
-//     }
-//   }
-// }
-
-.kts-invoice-operate-goods-list-table-search-protrude {
-  background : #ff0;
-  color      : #000;
-  font-weight: bold;
-}
-
-.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody {
-  .ktsAnt3x-form-item {
-    margin: 0;
-  }
-
-  .ktsAnt3x-form-item-control {
-    line-height: 1;
-  }
-
-  .ktsAnt3x-input:focus {
-    box-shadow: none;
-  }
-
-  .ktsAnt3x-input,
-  .ktsAnt3x-select-selection--single {
-    border       : none;
-    border-radius: 0;
-  }
-
-  .ktsAnt3x-form-explain {
-    display: none;
-  }
-
-  .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {
-    width : 5px;
-    height: 10px;
-  }
-}
-.kts-invoice-operate-goods-list-table {
-  .ktsAnt3x-form-item-control.has-error {
-    border: 1px solid #f00;
-  }
-}
+.kts-invoice-operate-goods-list {
+
+  .kts-invoice-operate-goods-list-table-tax-rate {
+    .ktsAnt3x-select-selection-selected-value {
+      float: right;
+    }
+  }
+
+  .kts-invoice-operate-goods-list-able {
+    display      : flex;
+    padding      : 10px;
+    border-bottom: 1px solid #dcdcdc;
+  }
+
+  .kts-invoice-operate-goods-list-able-list {
+    flex         : 1;
+    display      : flex;
+    gap          : 10px;
+    padding-right: 10px;
+
+    button {
+      padding-left : 10px;
+      padding-right: 10px;
+      border-radius: 12px;
+      color        : #0074ff;
+      border       : 1px solid #0074ff;
+      height       : 24px;
+      line-height  : 22px;
+      cursor       : pointer;
+      font-size    : 12px;
+    }
+
+    button[disabled] {
+      color : rgba(0, 0, 0, 0.25);
+      border: 1px solid;
+    }
+  }
+
+  .kts-invoice-operate-goods-list-able-extend {
+    flex   : none;
+    display: flex;
+    gap    : 5px;
+  }
+
+  .ktsAntX-table {
+    .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,
+    .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {
+      background: #f5f5f5;
+    }
+  }
+}
+
+.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab {
+  .ktsAnt3x-table-row {
+    color     : rgba(0, 0, 0, 0.25);
+    background: #f5f5f5;
+  }
+}
+
+// .kts-invoice-operate-goods-list-table {
+//   border-bottom: 1px solid #dcdcdc;
+
+//   .kts-invoice-operate-goods-be-discount,
+//   .kts-invoice-operate-goods-discount {
+//     background: #f5f5f5;
+//   }
+
+//   .kts-invoice-operate-goods-be-discount{
+//     color: #D9001B;
+//   }
+
+//   .kts-invoice-operate-goods-list-able-list-itemName-import {
+//     display: flex;
+
+//     .ktsAnt3x-btn {
+//       display      : block;
+//       line-height  : 0;
+//       width        : auto;
+//       padding-right: 5px;
+//     }
+//   }
+
+//   .ktsAnt3x-form-item-children {
+//     height : 30px;
+//     display: block;
+//   }
+
+//   .ktsAnt3x-table-body {
+//     height: 263px;
+//   }
+
+//   .ktsAnt3x-form-explain {
+//     position: absolute;
+//     right   : 6px;
+//     top     : 6px;
+//   }
+
+//   table {
+//     border-bottom: 1px solid #d9d9d9 !important;
+//   }
+
+//   table>.ktsAnt3x-table-tbody>tr>td {
+//     padding: 0 !important;
+
+//     .ktsAnt3x-form-explain {
+//       display: none;
+//     }
+
+//     .ktsAnt3x-form-item {
+//       padding: 0;
+//       margin : 0;
+
+//       .ktsAnt3x-form-item-control {
+//         line-height: inherit;
+//       }
+//     }
+
+//     .has-error .ktsAnt3x-select-selection,
+//     .has-error .ktsAnt3x-input,
+//     .has-error .ktsAnt3x-input:hover {
+//       border-right-width : 1px !important;
+//       border-top-width   : 1px;
+//       border-left-width  : 1px;
+//       border-bottom-width: 1px;
+//     }
+
+//     .ktsAnt3x-select-selection--single,
+//     .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,
+//     .ktsAnt3x-input {
+//       height             : 30px;
+//       border-radius      : 0;
+//       border-right-width : 0 !important;
+//       border-top-width   : 0;
+//       border-left-width  : 0;
+//       border-bottom-width: 0;
+//       box-shadow         : none;
+//     }
+//   }
+// }
+
+.kts-invoice-operate-goods-list-table-search-protrude {
+  background : #ff0;
+  color      : #000;
+  font-weight: bold;
+}
+
+.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody {
+  .ktsAnt3x-form-item {
+    margin: 0;
+  }
+
+  .ktsAnt3x-form-item-control {
+    line-height: 1;
+  }
+
+  .ktsAnt3x-input:focus {
+    box-shadow: none;
+  }
+
+  .ktsAnt3x-input,
+  .ktsAnt3x-select-selection--single {
+    border       : none;
+    border-radius: 0;
+  }
+
+  .ktsAnt3x-form-explain {
+    display: none;
+  }
+
+  .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {
+    width : 5px;
+    height: 10px;
+  }
+}
+.kts-invoice-operate-goods-list-table {
+  .ktsAnt3x-form-item-control.has-error {
+    border: 1px solid #f00;
+  }
+}