kts-component-invoice-operate 3.1.2 → 3.1.4

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

@@ -1,10 +1,10 @@
-.kts-invoice-operate-goods-list-itemName-input {
-  display     : flex;
-  flex        : 1;
-  padding-left: 10px;
-  height      : 31px;
-}
-
-.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;
+}
+
+.has-error .kts-invoice-operate-goods-list-itemName-input{
+  border: 1px solid #f5222d;
 }

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

@@ -1,34 +1,34 @@
-
-import { Input } from 'kts-components-antd-x3';
-import React, { ChangeEvent } from 'react';
-import './index.less';
-
-export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string }) {
-
-    const { shorthand, fullName } = getShorthand(props.value);
-
-    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
-        const event = { ...e };
-        event.target.value = shorthand ? `*${shorthand}*${e.target.value}` : e.target.value
-        props.onChange && props.onChange(event);
-    }, [])
-
-    return (
-        <div className='kts-invoice-operate-goods-list-itemName-input'>
-            {shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{shorthand}*</span>}
-            <Input style={{ height: '100%', border: 'none' }} value={fullName} onChange={onChange} />
-        </div>
-    )
-}
-
-/** 提取简称 */
-const getShorthand = (value?: string) => {
-    if (!value) return {};
-    const arr = value.match(/\*[^*]+\*/);
-
-    const shorthand = arr ? arr[0].split('*')[1] : '';
-    const fullName = shorthand ? value.replace(`*${shorthand}*`, '') : value;
-
-    return { shorthand, fullName }
-};
-
+
+import { Input } from 'kts-components-antd-x3';
+import React, { ChangeEvent } from 'react';
+import './index.less';
+
+export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string }) {
+
+    const { shorthand, fullName } = getShorthand(props.value);
+
+    const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        const event = { ...e };
+        event.target.value = shorthand ? `*${shorthand}*${e.target.value}` : e.target.value
+        props.onChange && props.onChange(event);
+    }, [])
+
+    return (
+        <div className='kts-invoice-operate-goods-list-itemName-input'>
+            {shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{shorthand}*</span>}
+            <Input style={{ height: '100%', border: 'none' }} value={fullName} onChange={onChange} />
+        </div>
+    )
+}
+
+/** 提取简称 */
+const getShorthand = (value?: string) => {
+    if (!value) return {};
+    const arr = value.match(/\*[^*]+\*/);
+
+    const shorthand = arr ? arr[0].split('*')[1] : '';
+    const fullName = shorthand ? value.replace(`*${shorthand}*`, '') : value;
+
+    return { shorthand, fullName }
+};
+

package/src/Invoice/ui/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/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/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) {
-                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 && !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) {
+                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 && !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/GoodsList/hook/useColumns/ui/RowMenu/hook/useDelItem/index.tsx

@@ -1,35 +1,35 @@
-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 onClick = React.useCallback(() => {
-        controller.delGood(goods.$index);
-    }, [controller, goods.$index]);
-
-    if (goods.lineAttribute === LineAttributeType.被折扣行) {
-        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 onClick = React.useCallback(() => {
+        controller.delGood(goods.$index);
+    }, [controller, goods.$index]);
+
+    if (goods.lineAttribute === LineAttributeType.被折扣行) {
+        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/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/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;
+}