kts-component-invoice-operate 3.2.214 → 3.2.216

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx

@@ -1,87 +1,87 @@
-
-import { AutoComplete, Input } from 'kts-xui';
-import React, { ChangeEvent } from 'react';
-import { v4 as uuid } from 'uuid';
-import { IGood, Invoice } from '../../../../../../../..';
-import './index.less';
-
-export default function ItemNameInput(props: {
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void,
-    suffix?: React.ReactNode,
-    value?: string,
-    editGood?: any,
-    shorthand?: string
-}) {
-
-    const controller = Invoice.useInvoiceController();
-
-    const rootElement = controller.useMemo(s => s.rootElement, []);
-
-    const autoComplete = controller.useMemo(s => s.autoComplete, [])
-
-    const [options, setOptions] = React.useState<IGood[]>([])
-
-    const [selectLine, setSelectLine] = React.useState<any>(null);
-
-    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
-        const event = { ...e };
-        props.onChange && props.onChange(event);
-    }, [])
-
-    const onBlur = React.useCallback(async (searchText: any) => {
-        try {
-            if (autoComplete.onItemNameBlur) {
-                if (!selectLine?.shorthand && !!searchText?.target?.value) {
-                    const taxCategoryData: any = await autoComplete.onItemNameBlur(searchText);
-                    if (taxCategoryData && taxCategoryData[0]) {
-                        const params = {
-                            taxClassificationCode: taxCategoryData[0].taxCategoryCode,
-                            shorthand: taxCategoryData[0].shorthand
-                        }
-                        controller.itemNameBlur(params);
-                    }
-                }
-                setSelectLine(null);
-            }
-        } catch (error) {
-            throw error;
-        }
-    }, [autoComplete.onItemNameBlur, selectLine, props.editGood])
-
-    const onChangeAutoComplete = React.useCallback(async (_, i) => {
-        const record = options.filter(e => e.$index === i.value)[0] as any;
-        if (!record) return;
-
-        await controller.setEditGood({ itemName: record.itemName });
-        await controller.importGoodsDrawer({ ...record, $index: undefined });
-    }, [options, controller])
-
-    const onSearch = React.useCallback(async (searchText: string) => {
-        try {
-            if (autoComplete.onItemNameSearch && searchText) {
-                const list = [...await autoComplete.onItemNameSearch(searchText)].map(e => ({ ...e, $index: uuid() }));
-                setOptions(list);
-            } else {
-                setOptions([]);
-            }
-        } catch (error) {
-            setOptions([]);
-            throw error;
-        }
-    }, [autoComplete.onItemNameSearch])
-
-    return (
-        <div className='kts-invoice-operate-goods-list-itemName-input'>
-            {props.shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{props.shorthand}*</span>}
-            <AutoComplete
-                onSearch={onSearch}
-                value={props.value}
-                options={options.map(e => ({ value: e.$index, label: e.itemName }))}
-                getPopupContainer={() => rootElement || document.body}
-                onSelect={onChangeAutoComplete}
-            >
-                <Input style={{ height: '100%' }} onChange={onChange} suffix={props.suffix} onBlur={onBlur} />
-            </AutoComplete>
-        </div>
-    )
-}
+
+import { AutoComplete, Input } from 'kts-xui';
+import React, { ChangeEvent } from 'react';
+import { v4 as uuid } from 'uuid';
+import { IGood, Invoice } from '../../../../../../../..';
+import './index.less';
+
+export default function ItemNameInput(props: {
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void,
+    suffix?: React.ReactNode,
+    value?: string,
+    editGood?: any,
+    shorthand?: string
+}) {
+
+    const controller = Invoice.useInvoiceController();
+
+    const rootElement = controller.useMemo(s => s.rootElement, []);
+
+    const autoComplete = controller.useMemo(s => s.autoComplete, [])
+
+    const [options, setOptions] = React.useState<IGood[]>([])
+
+    const [selectLine, setSelectLine] = React.useState<any>(null);
+
+    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        const event = { ...e };
+        props.onChange && props.onChange(event);
+    }, [])
+
+    const onBlur = React.useCallback(async (searchText: any) => {
+        try {
+            if (autoComplete.onItemNameBlur) {
+                if (!selectLine?.shorthand && !!searchText?.target?.value) {
+                    const taxCategoryData: any = await autoComplete.onItemNameBlur(searchText);
+                    if (taxCategoryData && taxCategoryData[0]) {
+                        const params = {
+                            taxClassificationCode: taxCategoryData[0].taxCategoryCode,
+                            shorthand: taxCategoryData[0].shorthand
+                        }
+                        controller.itemNameBlur(params);
+                    }
+                }
+                setSelectLine(null);
+            }
+        } catch (error) {
+            throw error;
+        }
+    }, [autoComplete.onItemNameBlur, selectLine, props.editGood])
+
+    const onChangeAutoComplete = React.useCallback(async (_, i) => {
+        const record = options.filter(e => e.$index === i.value)[0] as any;
+        if (!record) return;
+
+        await controller.setEditGood({ itemName: record.itemName });
+        await controller.importGoodsDrawer({ ...record, $index: undefined });
+    }, [options, controller])
+
+    const onSearch = React.useCallback(async (searchText: string) => {
+        try {
+            if (autoComplete.onItemNameSearch && searchText) {
+                const list = [...await autoComplete.onItemNameSearch(searchText)].map(e => ({ ...e, $index: uuid() }));
+                setOptions(list);
+            } else {
+                setOptions([]);
+            }
+        } catch (error) {
+            setOptions([]);
+            throw error;
+        }
+    }, [autoComplete.onItemNameSearch])
+
+    return (
+        <div className='kts-invoice-operate-goods-list-itemName-input'>
+            {props.shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{props.shorthand}*</span>}
+            <AutoComplete
+                onSearch={onSearch}
+                value={props.value}
+                options={options.map(e => ({ value: e.$index, label: e.itemName }))}
+                getPopupContainer={() => rootElement || document.body}
+                onSelect={onChangeAutoComplete}
+            >
+                <Input style={{ height: '100%' }} onChange={onChange} suffix={props.suffix} onBlur={onBlur} />
+            </AutoComplete>
+        </div>
+    )
+}

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowEditButton/index.tsx

@@ -1,30 +1,30 @@
-import React from 'react';
-import { Button, message } from 'kts-components-antd-x3';
-import Invoice from '../../../../../../';
-import { IGood } from '../../../../../../InvoiceController';
-import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
-
-export default (props: { goods: IGood }) => {
-  const { goods } = props;
-
-  const controller = Invoice.useInvoiceController();
-
-  const editGood = controller.useMemo((s) => s.goodsListState.editGood, []);
-
-  const onClick = React.useCallback(() => {
-    if (editGood) {
-      message.error({
-        content: '你正在编辑一个货物',
-        key: '你正在编辑一个货物',
-      });
-      return;
-    }
-    controller.setEditGood(goods);
-  }, [controller, goods, editGood]);
-
-  if (goods.lineAttribute !== LineAttributeType.正常) {
-    return <></>;
-  } else {
-    return <Button type="link" icon="edit" onClick={onClick} />;
-  }
-};
+import React from 'react';
+import { Button, message } from 'kts-components-antd-x3';
+import Invoice from '../../../../../../';
+import { IGood } from '../../../../../../InvoiceController';
+import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
+
+export default (props: { goods: IGood }) => {
+  const { goods } = props;
+
+  const controller = Invoice.useInvoiceController();
+
+  const editGood = controller.useMemo((s) => s.goodsListState.editGood, []);
+
+  const onClick = React.useCallback(() => {
+    if (editGood) {
+      message.error({
+        content: '你正在编辑一个货物',
+        key: '你正在编辑一个货物',
+      });
+      return;
+    }
+    controller.setEditGood(goods);
+  }, [controller, goods, editGood]);
+
+  if (goods.lineAttribute !== LineAttributeType.正常) {
+    return <></>;
+  } else {
+    return <Button type="link" icon="edit" onClick={onClick} />;
+  }
+};

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowMenu/hook/_useAddComparison/index.tsx

@@ -1,43 +1,43 @@
-/** 添加商品对照 */
-
-import React from 'react';
-import { Menu, message, Typography } from 'kts-components-antd-x3';
-import { IGood, LineAttributeType } from '../../../../../../../../InvoiceController';
-import Invoice from '../../../../../../../../';
-
-const { Text } = Typography;
-
-export default (goods: IGood) => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const productComparison = controller.useMemo(s => s.goodsListState.productComparison, []);
-
-    const onClick = React.useCallback(async () => {
-        await controller.saveEditGood();
-        await controller.wait();
-        await controller.run(async s => {
-            if (s.goodsListState.form) {
-                const err: any = s.goodsListState.form.getFieldsError();
-                for (let key in err) {
-                    if (!err[key]) continue;
-                    message.error(err[key][0]);
-                    return;
-                }
-            }
-            s.goodsListState.addComparisonIndex = goods.$index;
-        })
-    }, [controller, goods.$index]);
-
-    if (!(goods.lineAttribute !== LineAttributeType.折扣行)) {
-        return undefined;
-    }
-
-    return React.useMemo(() => {
-        if (productComparison.onComply) {
-            return <Menu.Item key="delItem" onClick={onClick}><Text strong>添加商品对照</Text></Menu.Item>
-        } else {
-            return <></>
-        }
-    }, [onClick, productComparison])
-};
+/** 添加商品对照 */
+
+import React from 'react';
+import { Menu, message, Typography } from 'kts-components-antd-x3';
+import { IGood, LineAttributeType } from '../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../';
+
+const { Text } = Typography;
+
+export default (goods: IGood) => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const productComparison = controller.useMemo(s => s.goodsListState.productComparison, []);
+
+    const onClick = React.useCallback(async () => {
+        await controller.saveEditGood();
+        await controller.wait();
+        await controller.run(async s => {
+            if (s.goodsListState.form) {
+                const err: any = s.goodsListState.form.getFieldsError();
+                for (let key in err) {
+                    if (!err[key]) continue;
+                    message.error(err[key][0]);
+                    return;
+                }
+            }
+            s.goodsListState.addComparisonIndex = goods.$index;
+        })
+    }, [controller, goods.$index]);
+
+    if (!(goods.lineAttribute !== LineAttributeType.折扣行)) {
+        return undefined;
+    }
+
+    return React.useMemo(() => {
+        if (productComparison.onComply) {
+            return <Menu.Item key="delItem" onClick={onClick}><Text strong>添加商品对照</Text></Menu.Item>
+        } else {
+            return <></>
+        }
+    }, [onClick, productComparison])
+};

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowMenu/hook/useAddDiscount/index.tsx

@@ -1,76 +1,76 @@
-
-import React from 'react';
-import { Menu, message, Typography } from 'kts-components-antd-x3';
-import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
-import Invoice from '../../../../../../../../..';
-
-const { Text } = Typography;
-
-export default (goods: IGood) => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const model = controller.useMemo(s => s.model, [])
-
-    /** 是否能添加折扣行 */
-    const isAddDiscount = controller.useMemo(s => s.goodsListState.isAddDiscount, [])
-
-    /** 点击了 添加折扣行 按钮 */
-    const onClick = React.useCallback(async e => {
-        e.stopPropagation()
-        await controller.wait();
-        await controller.saveEditGood();
-        await controller.run(async s => {
-            if (s.goodsListState.form && s.goodsListState.editGood?.$index === goods?.$index) {
-                const err: any = s.goodsListState.form.getFieldsError();
-                for (let key in err) {
-                    if (!err[key]) continue;
-                    message.error(err[key][0]);
-                    return;
-                }
-            }
-            goods = s.goodsListState.goodsMap.get(goods.$index) as any;
-            if (goods.taxRate === 0 && s.goodsListState.endowCode.isTaxFreeTypeNeeded && !goods.taxFreeType) {
-                message.error({ content: '零税率需要设置免税类型，请在赋码中设置！', key: '零税率需要设置免税类型，请在赋码中设置！' });
-                return;
-            }
-            if (`${goods.lineAmountIncludeTax}` === '0') {
-                message.error({ content: '金额为0不能添加折扣行', key: '金额为0不能添加折扣行' });
-                return;
-            }
-            s.goodsListState.discountGoodIndex = [goods.$index];
-        })
-    }, [controller, goods.$index]);
-
-    if (goods.lineAttribute !== LineAttributeType.正常) {
-        return undefined
-    }
-
-    if (!(model !== 'prefab')) {
-        return undefined;
-    }
-
-    if (!(isAddDiscount !== false)) {
-        return undefined
-    }
-
-    if (goods.lineAttribute !== LineAttributeType.正常) {
-        return undefined
-    }
-
-    return {
-        key:'addDiscount',
-        title:'折扣',
-        onClick,
-    }
-
-    // return React.useMemo(() => {
-    //     if (goods.lineAttribute !== LineAttributeType.正常) {
-    //         return undefined
-    //     }
-
-    //     return (
-    //         <Menu.Item key="addDiscount" onClick={onClick}><Text strong>折扣</Text></Menu.Item>
-    //     );
-    // }, [onClick, goods.lineAttribute]);
-};
+
+import React from 'react';
+import { Menu, message, Typography } from 'kts-components-antd-x3';
+import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../..';
+
+const { Text } = Typography;
+
+export default (goods: IGood) => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const model = controller.useMemo(s => s.model, [])
+
+    /** 是否能添加折扣行 */
+    const isAddDiscount = controller.useMemo(s => s.goodsListState.isAddDiscount, [])
+
+    /** 点击了 添加折扣行 按钮 */
+    const onClick = React.useCallback(async e => {
+        e.stopPropagation()
+        await controller.wait();
+        await controller.saveEditGood();
+        await controller.run(async s => {
+            if (s.goodsListState.form && s.goodsListState.editGood?.$index === goods?.$index) {
+                const err: any = s.goodsListState.form.getFieldsError();
+                for (let key in err) {
+                    if (!err[key]) continue;
+                    message.error(err[key][0]);
+                    return;
+                }
+            }
+            goods = s.goodsListState.goodsMap.get(goods.$index) as any;
+            if (goods.taxRate === 0 && s.goodsListState.endowCode.isTaxFreeTypeNeeded && !goods.taxFreeType) {
+                message.error({ content: '零税率需要设置免税类型，请在赋码中设置！', key: '零税率需要设置免税类型，请在赋码中设置！' });
+                return;
+            }
+            if (`${goods.lineAmountIncludeTax}` === '0') {
+                message.error({ content: '金额为0不能添加折扣行', key: '金额为0不能添加折扣行' });
+                return;
+            }
+            s.goodsListState.discountGoodIndex = [goods.$index];
+        })
+    }, [controller, goods.$index]);
+
+    if (goods.lineAttribute !== LineAttributeType.正常) {
+        return undefined
+    }
+
+    if (!(model !== 'prefab')) {
+        return undefined;
+    }
+
+    if (!(isAddDiscount !== false)) {
+        return undefined
+    }
+
+    if (goods.lineAttribute !== LineAttributeType.正常) {
+        return undefined
+    }
+
+    return {
+        key:'addDiscount',
+        title:'折扣',
+        onClick,
+    }
+
+    // return React.useMemo(() => {
+    //     if (goods.lineAttribute !== LineAttributeType.正常) {
+    //         return undefined
+    //     }
+
+    //     return (
+    //         <Menu.Item key="addDiscount" onClick={onClick}><Text strong>折扣</Text></Menu.Item>
+    //     );
+    // }, [onClick, goods.lineAttribute]);
+};

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowMenu/hook/useDelItem/index.tsx

@@ -1,41 +1,41 @@
-import React from 'react';
-// import { Menu, Typography } from 'kts-components-antd-x3';
-import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
-import Invoice from '../../../../../../../../..';
-
-// const { Text } = Typography;
-
-export default (goods: IGood) => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const model = controller.useMemo(s => s.model, [])
-
-    const isRemRow = controller.useMemo(s => s.goodsListState.isRemRow, [])
-
-    const onClick = React.useCallback(() => {
-        controller.delGood(goods.$index);
-    }, [controller, goods.$index]);
-
-    if (goods.lineAttribute === LineAttributeType.被折扣行) {
-        return undefined;
-    }
-
-    if(isRemRow === false) {
-        return undefined;
-    }
-
-    if (!(model !== 'prefab')) {
-        return undefined;
-    }
-
-    return {
-        key:'delItem',
-        title:'删除',
-        onClick,
-    }
-
-    // return React.useMemo(() => {
-    //     return <Menu.Item key="delItem" onClick={onClick}><Text strong type="danger">删除</Text></Menu.Item>
-    // }, [onClick])
-};
+import React from 'react';
+// import { Menu, Typography } from 'kts-components-antd-x3';
+import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../..';
+
+// const { Text } = Typography;
+
+export default (goods: IGood) => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const model = controller.useMemo(s => s.model, [])
+
+    const isRemRow = controller.useMemo(s => s.goodsListState.isRemRow, [])
+
+    const onClick = React.useCallback(() => {
+        controller.delGood(goods.$index);
+    }, [controller, goods.$index]);
+
+    if (goods.lineAttribute === LineAttributeType.被折扣行) {
+        return undefined;
+    }
+
+    if(isRemRow === false) {
+        return undefined;
+    }
+
+    if (!(model !== 'prefab')) {
+        return undefined;
+    }
+
+    return {
+        key:'delItem',
+        title:'删除',
+        onClick,
+    }
+
+    // return React.useMemo(() => {
+    //     return <Menu.Item key="delItem" onClick={onClick}><Text strong type="danger">删除</Text></Menu.Item>
+    // }, [onClick])
+};

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowMenu/hook/useEndowCode/index.tsx

@@ -1,34 +1,34 @@
-import React from 'react';
-// import { Button } from 'kts-components-antd-x3';
-import Invoice from '../../../../../../../../..';
-import { IGood } from '../../../../../../../../../InvoiceController';
-import { endowCode } from '../../../../autoFillFn';
-
-// const { Text } = Typography;
-
-export default (goods: IGood) => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const onClick = React.useCallback(async () => {
-        endowCode(controller, goods);
-    }, [controller, goods]);
-
-    return {
-        key: 'endowCode',
-        title: '赋码',
-        onClick,
-    }
-
-    // return React.useMemo(() => {
-    //     return (
-    //         <Menu.Item key="endowCode" onClick={onClick} ><Text strong>赋码</Text></Menu.Item>
-    //     );
-    // }, [goods.lineAttribute, onClick])
-
-    // return React.useMemo(() => {
-    //     return (
-    //         <Button key="endowCode" type="link" onClick={onClick} >赋码</Button>
-    //     );
-    // }, [goods.lineAttribute, onClick])
-};
+import React from 'react';
+// import { Button } from 'kts-components-antd-x3';
+import Invoice from '../../../../../../../../..';
+import { IGood } from '../../../../../../../../../InvoiceController';
+import { endowCode } from '../../../../autoFillFn';
+
+// const { Text } = Typography;
+
+export default (goods: IGood) => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const onClick = React.useCallback(async () => {
+        endowCode(controller, goods);
+    }, [controller, goods]);
+
+    return {
+        key: 'endowCode',
+        title: '赋码',
+        onClick,
+    }
+
+    // return React.useMemo(() => {
+    //     return (
+    //         <Menu.Item key="endowCode" onClick={onClick} ><Text strong>赋码</Text></Menu.Item>
+    //     );
+    // }, [goods.lineAttribute, onClick])
+
+    // return React.useMemo(() => {
+    //     return (
+    //         <Button key="endowCode" type="link" onClick={onClick} >赋码</Button>
+    //     );
+    // }, [goods.lineAttribute, onClick])
+};

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/RowMenu/index.less

@@ -1,13 +1,13 @@
-.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,
-.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,
-.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu {
-    font-size: 16px;
-    color: #000;
-    text-align: center;
-    padding: 0;
-}
-.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,
-.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open{
-    background: #ebebeb;
-    border-radius: 9999px;
-}
+.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,
+.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,
+.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu {
+    font-size: 16px;
+    color: #000;
+    text-align: center;
+    padding: 0;
+}
+.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,
+.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open{
+    background: #ebebeb;
+    border-radius: 9999px;
+}