kts-component-invoice-operate 3.2.214 → 3.2.216

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

@@ -1,49 +1,49 @@
-
-import { Input } from 'kts-components-antd-x3';
-import React, { ChangeEvent } from 'react';
-import { AutoComplete } from 'kts-xui';
-import { IGood, Invoice } from '../../../../../../../..';
-import './index.less';
-
-export default function ItemCodeInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string }) {
-
-    const controller = Invoice.useInvoiceController();
-
-    const rootElement = controller.useMemo(s => s.rootElement, []);
-
-    const autoComplete = controller.useMemo(s => s.autoComplete, [])
-
-    const editGood = controller.useMemo((e) => e.goodsListState.editGood, []);
-
-    const [options, setOptions] = React.useState<IGood[]>([])
-
-    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
-        const event = { ...e };
-        props.onChange && props.onChange(event);
-    }, [])
-
-    const onSearch = React.useCallback(async (searchText: string) => {
-        try {
-            if (autoComplete.onItemCodeSearch) {
-                setOptions(await autoComplete.onItemCodeSearch(searchText, editGood?.itemName))
-            }
-        } catch (error) {
-            setOptions([])
-            throw error;
-        }
-    }, [autoComplete.onItemCodeSearch, editGood])
-
-    const onChangeAutoComplete = React.useCallback(async itemName => {
-        const record = options.filter(e => e.itemCode === itemName)[0] as any;
-        if (!record) return;
-        controller.importGoodsDrawer(record);
-    }, [options, controller])
-
-    return (
-        <div className='kts-invoice-operate-goods-list-itemCode-input'>
-            <AutoComplete onSearch={onSearch} value={props.value} options={options.map(e => ({ value: e.itemCode }))} getPopupContainer={() => rootElement || document.body} onSelect={onChangeAutoComplete} >
-                <Input style={{ height: '100%', border: 'none' }} onChange={onChange} />
-            </AutoComplete>
-        </div>
-    )
-}
+
+import { Input } from 'kts-components-antd-x3';
+import React, { ChangeEvent } from 'react';
+import { AutoComplete } from 'kts-xui';
+import { IGood, Invoice } from '../../../../../../../..';
+import './index.less';
+
+export default function ItemCodeInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string }) {
+
+    const controller = Invoice.useInvoiceController();
+
+    const rootElement = controller.useMemo(s => s.rootElement, []);
+
+    const autoComplete = controller.useMemo(s => s.autoComplete, [])
+
+    const editGood = controller.useMemo((e) => e.goodsListState.editGood, []);
+
+    const [options, setOptions] = React.useState<IGood[]>([])
+
+    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        const event = { ...e };
+        props.onChange && props.onChange(event);
+    }, [])
+
+    const onSearch = React.useCallback(async (searchText: string) => {
+        try {
+            if (autoComplete.onItemCodeSearch) {
+                setOptions(await autoComplete.onItemCodeSearch(searchText, editGood?.itemName))
+            }
+        } catch (error) {
+            setOptions([])
+            throw error;
+        }
+    }, [autoComplete.onItemCodeSearch, editGood])
+
+    const onChangeAutoComplete = React.useCallback(async itemName => {
+        const record = options.filter(e => e.itemCode === itemName)[0] as any;
+        if (!record) return;
+        controller.importGoodsDrawer(record);
+    }, [options, controller])
+
+    return (
+        <div className='kts-invoice-operate-goods-list-itemCode-input'>
+            <AutoComplete onSearch={onSearch} value={props.value} options={options.map(e => ({ value: e.itemCode }))} getPopupContainer={() => rootElement || document.body} onSelect={onChangeAutoComplete} >
+                <Input style={{ height: '100%', border: 'none' }} onChange={onChange} />
+            </AutoComplete>
+        </div>
+    )
+}

package/src/Invoice/ui/default/GoodsList/hook/useColumns/ui/ItemNameInput/index.less

@@ -1,18 +1,18 @@
-.kts-invoice-operate-goods-list-itemName-input {
-  display     : flex;
-  flex        : 1;
-  padding-left: 10px;
-  height      : 31px;
-
-  .ktsAntX-select {
-    width: 100%;
-
-    .ktsAntX-select-selector{
-      height: 100%;
-    }
-  }
-}
-
-// .has-error .kts-invoice-operate-goods-list-itemName-input {
-//   border: 1px solid #f5222d;
+.kts-invoice-operate-goods-list-itemName-input {
+  display     : flex;
+  flex        : 1;
+  padding-left: 10px;
+  height      : 31px;
+
+  .ktsAntX-select {
+    width: 100%;
+
+    .ktsAntX-select-selector{
+      height: 100%;
+    }
+  }
+}
+
+// .has-error .kts-invoice-operate-goods-list-itemName-input {
+//   border: 1px solid #f5222d;
 // }

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

@@ -1,91 +1,91 @@
-
-import { Input } from 'kts-components-antd-x3';
-import { v4 as uuid } from 'uuid';
-import React, { ChangeEvent } from 'react';
-import { AutoComplete } from 'kts-xui';
-import { IGood, Invoice } from '../../../../../../../..';
-import './index.less';
-
-export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, 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 [value, setValue] = React.useState(props.value);
-
-    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 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])
-
-    const onChangeAutoComplete = React.useCallback(async (_, i) => {
-        const record = options.filter(e => e.$index === i.value)[0] as any;
-        if (!record) return;
-
-        setValue(record.itemName);
-        setSelectLine(record);
-
-        await controller.setEditGood({ itemName: record.itemName });
-
-        await controller.importGoodsDrawer({ ...record, $index: undefined });
-
-    }, [options, controller])
-
-    React.useEffect(() => { setValue(props.value) }, [props.value])
-
-    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%', border: 'none' }} value={value} onChange={onChange} onBlur={onBlur} />
-            </AutoComplete>
-        </div>
-    )
-}
+
+import { Input } from 'kts-components-antd-x3';
+import { v4 as uuid } from 'uuid';
+import React, { ChangeEvent } from 'react';
+import { AutoComplete } from 'kts-xui';
+import { IGood, Invoice } from '../../../../../../../..';
+import './index.less';
+
+export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, 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 [value, setValue] = React.useState(props.value);
+
+    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 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])
+
+    const onChangeAutoComplete = React.useCallback(async (_, i) => {
+        const record = options.filter(e => e.$index === i.value)[0] as any;
+        if (!record) return;
+
+        setValue(record.itemName);
+        setSelectLine(record);
+
+        await controller.setEditGood({ itemName: record.itemName });
+
+        await controller.importGoodsDrawer({ ...record, $index: undefined });
+
+    }, [options, controller])
+
+    React.useEffect(() => { setValue(props.value) }, [props.value])
+
+    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%', border: 'none' }} value={value} onChange={onChange} onBlur={onBlur} />
+            </AutoComplete>
+        </div>
+    )
+}

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