kts-component-invoice-operate 3.2.16 → 3.2.17

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useAddDiscountRowButton/svg/add.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
-  <g clip-path="url(#clip0_715_372)">
-    <path d="M7.5 14.5312C3.61687 14.5312 0.46875 11.3831 0.46875 7.5C0.46875 3.61687 3.61687 0.46875 7.5 0.46875C11.3831 0.46875 14.5312 3.61687 14.5312 7.5C14.5312 11.3831 11.3831 14.5312 7.5 14.5312ZM7.5 13.5938C10.8656 13.5938 13.5938 10.8656 13.5938 7.5C13.5938 4.13438 10.8656 1.40625 7.5 1.40625C4.13438 1.40625 1.40625 4.13438 1.40625 7.5C1.40625 10.8656 4.13438 13.5938 7.5 13.5938Z" />
-    <path d="M3.75 7.96875C3.62568 7.96875 3.50645 7.91936 3.41854 7.83146C3.33064 7.74355 3.28125 7.62432 3.28125 7.5C3.28125 7.37568 3.33064 7.25645 3.41854 7.16854C3.50645 7.08064 3.62568 7.03125 3.75 7.03125H11.25C11.3743 7.03125 11.4935 7.08064 11.5815 7.16854C11.6694 7.25645 11.7188 7.37568 11.7188 7.5C11.7188 7.62432 11.6694 7.74355 11.5815 7.83146C11.4935 7.91936 11.3743 7.96875 11.25 7.96875H3.75Z" />
-    <path d="M7.03125 3.75C7.03125 3.62568 7.08064 3.50645 7.16854 3.41854C7.25645 3.33064 7.37568 3.28125 7.5 3.28125C7.62432 3.28125 7.74355 3.33064 7.83146 3.41854C7.91936 3.50645 7.96875 3.62568 7.96875 3.75V11.25C7.96875 11.3743 7.91936 11.4935 7.83146 11.5815C7.74355 11.6694 7.62432 11.7188 7.5 11.7188C7.37568 11.7188 7.25645 11.6694 7.16854 11.5815C7.08064 11.4935 7.03125 11.3743 7.03125 11.25V3.75Z" />
-  </g>
-  <defs>
-    <clipPath id="clip0_715_372">
-      <rect width="15" height="15" />
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
+  <g clip-path="url(#clip0_715_372)">
+    <path d="M7.5 14.5312C3.61687 14.5312 0.46875 11.3831 0.46875 7.5C0.46875 3.61687 3.61687 0.46875 7.5 0.46875C11.3831 0.46875 14.5312 3.61687 14.5312 7.5C14.5312 11.3831 11.3831 14.5312 7.5 14.5312ZM7.5 13.5938C10.8656 13.5938 13.5938 10.8656 13.5938 7.5C13.5938 4.13438 10.8656 1.40625 7.5 1.40625C4.13438 1.40625 1.40625 4.13438 1.40625 7.5C1.40625 10.8656 4.13438 13.5938 7.5 13.5938Z" />
+    <path d="M3.75 7.96875C3.62568 7.96875 3.50645 7.91936 3.41854 7.83146C3.33064 7.74355 3.28125 7.62432 3.28125 7.5C3.28125 7.37568 3.33064 7.25645 3.41854 7.16854C3.50645 7.08064 3.62568 7.03125 3.75 7.03125H11.25C11.3743 7.03125 11.4935 7.08064 11.5815 7.16854C11.6694 7.25645 11.7188 7.37568 11.7188 7.5C11.7188 7.62432 11.6694 7.74355 11.5815 7.83146C11.4935 7.91936 11.3743 7.96875 11.25 7.96875H3.75Z" />
+    <path d="M7.03125 3.75C7.03125 3.62568 7.08064 3.50645 7.16854 3.41854C7.25645 3.33064 7.37568 3.28125 7.5 3.28125C7.62432 3.28125 7.74355 3.33064 7.83146 3.41854C7.91936 3.50645 7.96875 3.62568 7.96875 3.75V11.25C7.96875 11.3743 7.91936 11.4935 7.83146 11.5815C7.74355 11.6694 7.62432 11.7188 7.5 11.7188C7.37568 11.7188 7.25645 11.6694 7.16854 11.5815C7.08064 11.4935 7.03125 11.3743 7.03125 11.25V3.75Z" />
+  </g>
+  <defs>
+    <clipPath id="clip0_715_372">
+      <rect width="15" height="15" />
+    </clipPath>
+  </defs>
 </svg>

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useCommodityComparisonButton/index.tsx

@@ -1,75 +1,75 @@
-import React from 'react';
-import { Menu, message } from 'kts-components-antd-x3';
-import coolingFn from '../../../../../../../tools/coolingFn'
-import { getSN, setShorthand } from '../../../../../../../tools/itemName'
-import { Invoice, IGood } from '../../../../../../../..';
-
-export default () => {
-
-  const controller = Invoice.useInvoiceController();
-
-  const { onComply } = controller.useMemo(s => s.goodsListState.productComparison, [])
-
-  /** 是否禁用 */
-  const disabled = controller.useMemo(s => s.goodsListState.selectedGoodIndex.length <= 0, []);
-
-  /** 点击了 */
-  const onClick = React.useCallback(async () => {
-    await controller.saveEditGood();
-    await controller.wait();
-    await controller.run(async s => {
-
-      // 不能给正在编辑的货物对照
-      if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
-        coolingFn('不能给正在编辑的货物执行商品对照', 3000, () => { message.error('不能给正在编辑的货物执行商品对照') });
-        return;
-      }
-
-      if (!s.goodsListState?.productComparison?.onComply) return;
-
-      const goods = s.goodsListState.selectedGoodIndex.map(e => {
-        const t = s.goodsListState.goodsMap.get(e);
-        if (!t) return undefined;
-
-        return {
-          ...t,
-          itemName: getSN(t.itemName)?.full,
-          itemNameSelf: getSN(t.itemNameSelf)?.full,
-        } as IGood
-      }).filter(e => !!e) as IGood[]
-
-
-      // 比对后的商品
-      const newGoods = await s.goodsListState.productComparison.onComply(goods);
-
-      newGoods.forEach(e => {
-        const vt = s.goodsListState.goodsMap.get(e.$index);
-        if (!vt) return undefined;
-
-        vt.itemName = e.itemName ? setShorthand(e.itemName, getSN(vt.itemName)?.shorthand) : vt.itemName;
-        vt.itemNameSelf = e.itemNameSelf ? setShorthand(e.itemNameSelf, getSN(vt.itemNameSelf)?.shorthand) : vt.itemNameSelf;
-        
-        vt.itemModelName = e.itemModelName ? e.itemModelName : vt.itemModelName;
-        vt.itemModelNameSelf = e.itemModelNameSelf ? e.itemModelNameSelf : vt.itemModelNameSelf;
-
-        vt.itemCode = e.itemCode ? e.itemCode : vt.itemCode;
-        vt.itemCodeSelf = e.itemCodeSelf ? e.itemCodeSelf : vt.itemCodeSelf;
-      })
-    })
-  }, [])
-
-
-  const menuItem = React.useMemo(() => {
-
-    // 没用 执行商品对照 的方法 不显示按钮
-    if (!onComply) return <></>;
-
-    return (
-      <Menu.Item key="3" disabled={disabled} onClick={onClick} >
-        商品映射
-      </Menu.Item>
-    );
-  }, [disabled, onClick, onComply])
-
-  return { menuItem }
-};
+import React from 'react';
+import { Menu, message } from 'kts-components-antd-x3';
+import coolingFn from '../../../../../../../tools/coolingFn'
+import { getSN, setShorthand } from '../../../../../../../tools/itemName'
+import { Invoice, IGood } from '../../../../../../../..';
+
+export default () => {
+
+  const controller = Invoice.useInvoiceController();
+
+  const { onComply } = controller.useMemo(s => s.goodsListState.productComparison, [])
+
+  /** 是否禁用 */
+  const disabled = controller.useMemo(s => s.goodsListState.selectedGoodIndex.length <= 0, []);
+
+  /** 点击了 */
+  const onClick = React.useCallback(async () => {
+    await controller.saveEditGood();
+    await controller.wait();
+    await controller.run(async s => {
+
+      // 不能给正在编辑的货物对照
+      if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
+        coolingFn('不能给正在编辑的货物执行商品对照', 3000, () => { message.error('不能给正在编辑的货物执行商品对照') });
+        return;
+      }
+
+      if (!s.goodsListState?.productComparison?.onComply) return;
+
+      const goods = s.goodsListState.selectedGoodIndex.map(e => {
+        const t = s.goodsListState.goodsMap.get(e);
+        if (!t) return undefined;
+
+        return {
+          ...t,
+          itemName: getSN(t.itemName)?.full,
+          itemNameSelf: getSN(t.itemNameSelf)?.full,
+        } as IGood
+      }).filter(e => !!e) as IGood[]
+
+
+      // 比对后的商品
+      const newGoods = await s.goodsListState.productComparison.onComply(goods);
+
+      newGoods.forEach(e => {
+        const vt = s.goodsListState.goodsMap.get(e.$index);
+        if (!vt) return undefined;
+
+        vt.itemName = e.itemName ? setShorthand(e.itemName, getSN(vt.itemName)?.shorthand) : vt.itemName;
+        vt.itemNameSelf = e.itemNameSelf ? setShorthand(e.itemNameSelf, getSN(vt.itemNameSelf)?.shorthand) : vt.itemNameSelf;
+        
+        vt.itemModelName = e.itemModelName ? e.itemModelName : vt.itemModelName;
+        vt.itemModelNameSelf = e.itemModelNameSelf ? e.itemModelNameSelf : vt.itemModelNameSelf;
+
+        vt.itemCode = e.itemCode ? e.itemCode : vt.itemCode;
+        vt.itemCodeSelf = e.itemCodeSelf ? e.itemCodeSelf : vt.itemCodeSelf;
+      })
+    })
+  }, [])
+
+
+  const menuItem = React.useMemo(() => {
+
+    // 没用 执行商品对照 的方法 不显示按钮
+    if (!onComply) return <></>;
+
+    return (
+      <Menu.Item key="3" disabled={disabled} onClick={onClick} >
+        商品映射
+      </Menu.Item>
+    );
+  }, [disabled, onClick, onComply])
+
+  return { menuItem }
+};

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useDelRowButton/index.tsx

@@ -1,50 +1,50 @@
-import React from 'react';
-import Invoice from '../../../../../../..';
-import { Button, Menu } from 'kts-xui';
-
-export default () => {
-
-  const controller = Invoice.useInvoiceController();
-
-  const model = controller.useMemo(s => s.model, []);
-
-  const isRemRow = controller.useMemo(s => s.goodsListState.isRemRow, []);
-
-  /** 是否禁用 */
-  const disabled = controller.useMemo((s) => {
-    if (s.goodsListState.selectedGoodIndex.length <= 0) return true;
-    return false;
-  }, []);
-
-  /** 点击了删除 */
-  const onClick = React.useCallback(async () => {
-    const selectedGoodIndex = controller.state.goodsListState.selectedGoodIndex.slice();
-    for (let i = 0; i < selectedGoodIndex.length; i++) {
-      await controller.delGood(selectedGoodIndex[i]);
-    }
-    await controller.run(async s => { s.goodsListState.selectedGoodIndex = [] });
-  }, [])
-
-  const menuItem = React.useMemo(() => {
-
-    if (model === 'prefab') return <></>;
-    if (model === 'readOnly') return <></>;
-
-    return (
-      <Menu.Item key="1" onClick={onClick} disabled={disabled}> 删除行 </Menu.Item>
-    )
-  }, [model, onClick, disabled])
-
-  const button = React.useMemo(() => {
-
-    if (isRemRow === false) return <></>;
-    if (model === 'prefab') return <></>;
-    if (model === 'readOnly') return <></>;
-
-    return (
-      <Button size='small' onClick={onClick} disabled={disabled} >删除</Button>
-    )
-  }, [model, onClick, disabled])
-
-  return { button, menuItem };
-};
+import React from 'react';
+import Invoice from '../../../../../../..';
+import { Button, Menu } from 'kts-xui';
+
+export default () => {
+
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);
+
+  const isRemRow = controller.useMemo(s => s.goodsListState.isRemRow, []);
+
+  /** 是否禁用 */
+  const disabled = controller.useMemo((s) => {
+    if (s.goodsListState.selectedGoodIndex.length <= 0) return true;
+    return false;
+  }, []);
+
+  /** 点击了删除 */
+  const onClick = React.useCallback(async () => {
+    const selectedGoodIndex = controller.state.goodsListState.selectedGoodIndex.slice();
+    for (let i = 0; i < selectedGoodIndex.length; i++) {
+      await controller.delGood(selectedGoodIndex[i]);
+    }
+    await controller.run(async s => { s.goodsListState.selectedGoodIndex = [] });
+  }, [])
+
+  const menuItem = React.useMemo(() => {
+
+    if (model === 'prefab') return <></>;
+    if (model === 'readOnly') return <></>;
+
+    return (
+      <Menu.Item key="1" onClick={onClick} disabled={disabled}> 删除行 </Menu.Item>
+    )
+  }, [model, onClick, disabled])
+
+  const button = React.useMemo(() => {
+
+    if (isRemRow === false) return <></>;
+    if (model === 'prefab') return <></>;
+    if (model === 'readOnly') return <></>;
+
+    return (
+      <Button size='small' onClick={onClick} disabled={disabled} >删除</Button>
+    )
+  }, [model, onClick, disabled])
+
+  return { button, menuItem };
+};

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useEmptyRefill/index.tsx

@@ -1,36 +1,36 @@
-
-import Invoice from '../../../../../../..';
-import { Button, Popconfirm } from "kts-xui"
-import React from "react"
-
-/** 清空重填 */
-export default () => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const model = controller.useMemo(s => s.model, []);
-
-    const confirm = React.useCallback(() => {
-        controller.run(async s => {
-            s.goodsListState.goodsList = [];
-            s.goodsListState.goodsMap = new Map();
-        })
-    }, [controller])
-
-    const button = React.useMemo(() => {
-        if (model === 'readOnly') return <></>;
-        if (model === 'prefab') return <></>;
-        return (
-            <Popconfirm
-                title="将要清空所有项目信息，是否继续"
-                onConfirm={confirm}
-                okText="确定"
-                cancelText="取消"
-            >
-                <Button size='small' >清空重填</Button>
-            </Popconfirm>
-        )
-    }, [model, confirm])
-
-    return { button }
+
+import Invoice from '../../../../../../..';
+import { Button, Popconfirm } from "kts-xui"
+import React from "react"
+
+/** 清空重填 */
+export default () => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const model = controller.useMemo(s => s.model, []);
+
+    const confirm = React.useCallback(() => {
+        controller.run(async s => {
+            s.goodsListState.goodsList = [];
+            s.goodsListState.goodsMap = new Map();
+        })
+    }, [controller])
+
+    const button = React.useMemo(() => {
+        if (model === 'readOnly') return <></>;
+        if (model === 'prefab') return <></>;
+        return (
+            <Popconfirm
+                title="将要清空所有项目信息，是否继续"
+                onConfirm={confirm}
+                okText="确定"
+                cancelText="取消"
+            >
+                <Button size='small' >清空重填</Button>
+            </Popconfirm>
+        )
+    }, [model, confirm])
+
+    return { button }
 }

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useEndowCodeButton/index.tsx

@@ -1,82 +1,82 @@
-import React from 'react';
-import Invoice from '../../../../../../..';
-import { message, Menu, Button } from 'kts-xui';
-import coolingFn from '../../../../../../../tools/coolingFn';
-import { IGood, LineAttributeType } from '../../../../../../../InvoiceController';
-
-export default () => {
-
-  const controller = Invoice.useInvoiceController();
-
-  const model = controller.useMemo(s => s.model, []);
-
-  /** 是否禁用 */
-  const disabled = controller.useMemo((s) => s.goodsListState.selectedGoodIndex.length <= 0, []);
-
-  const onClick = React.useCallback(async () => {
-    await controller.saveEditGood();
-    await controller.wait();
-    await controller.pipeline(async s => {
-
-      // 不能给正在编辑的货物赋码
-      let mv = '不能给正在编辑的货物赋码';
-      if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
-        coolingFn(mv, 3000, () => { message.error(mv) });
-        return;
-      }
-
-      // 税率不一样不能批量赋码
-      mv = '商品税率不一致不能操作批量赋码';
-      if (s.goodsListState.selectedGoodIndex.map(e => s.goodsListState.goodsMap.get(e)).some((e, _, arr) => e?.taxRate !== arr[0]?.taxRate)) {
-        coolingFn(mv, 3000, () => { message.error(mv) });
-        return;
-      }
-
-      // 校验 折扣行和被折扣行是否同时勾选 
-      mv = '请同时勾选“折扣行与被折扣行”';
-      if (verifyDiscountLine(s.goodsListState.selectedGoodIndex.map(e => s.goodsListState.goodsMap.get(e) as IGood).filter(e => !!e))) {
-        coolingFn(mv, 3000, () => { message.error(mv) });
-        return;
-      }
-
-      // 设置赋码
-      s.goodsListState.endowCode.endowcodeGoodIndex = s.goodsListState.selectedGoodIndex;
-    })();
-  }, [controller]);
-
-  const menuItem = React.useMemo(() => {
-    if (model === 'readOnly') return <></>;
-    return (
-      <Menu.Item key="2" onClick={onClick} disabled={disabled}>
-        批量赋码
-      </Menu.Item>
-    )
-  }, [onClick, disabled, model])
-
-  const button = React.useMemo(() => {
-    if (model === 'readOnly') return <></>;
-    return (
-      <Button onClick={onClick} disabled={disabled} size='small'>
-        赋码
-      </Button>
-    )
-  }, [onClick, disabled, model])
-
-  return { menuItem, button };
-};
-
-/** 
- * 校验 折扣行和被折扣行是否同时勾选 
- * */
-function verifyDiscountLine(selectedGood: IGood[]) {
-  selectedGood = selectedGood.sort((a, b) => (a.serialNo || 0) - (b.serialNo || 0));
-  for (let i = 0; i < selectedGood.length; i++) {
-    const good = selectedGood[i];
-    if (good.lineAttribute === LineAttributeType.折扣行)
-      return true;
-
-    if (good.lineAttribute === LineAttributeType.被折扣行 && selectedGood[++i].lineAttribute === LineAttributeType.折扣行)
-      continue;
-  }
-  return false;
-}
+import React from 'react';
+import Invoice from '../../../../../../..';
+import { message, Menu, Button } from 'kts-xui';
+import coolingFn from '../../../../../../../tools/coolingFn';
+import { IGood, LineAttributeType } from '../../../../../../../InvoiceController';
+
+export default () => {
+
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);
+
+  /** 是否禁用 */
+  const disabled = controller.useMemo((s) => s.goodsListState.selectedGoodIndex.length <= 0, []);
+
+  const onClick = React.useCallback(async () => {
+    await controller.saveEditGood();
+    await controller.wait();
+    await controller.pipeline(async s => {
+
+      // 不能给正在编辑的货物赋码
+      let mv = '不能给正在编辑的货物赋码';
+      if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
+        coolingFn(mv, 3000, () => { message.error(mv) });
+        return;
+      }
+
+      // 税率不一样不能批量赋码
+      mv = '商品税率不一致不能操作批量赋码';
+      if (s.goodsListState.selectedGoodIndex.map(e => s.goodsListState.goodsMap.get(e)).some((e, _, arr) => e?.taxRate !== arr[0]?.taxRate)) {
+        coolingFn(mv, 3000, () => { message.error(mv) });
+        return;
+      }
+
+      // 校验 折扣行和被折扣行是否同时勾选 
+      mv = '请同时勾选“折扣行与被折扣行”';
+      if (verifyDiscountLine(s.goodsListState.selectedGoodIndex.map(e => s.goodsListState.goodsMap.get(e) as IGood).filter(e => !!e))) {
+        coolingFn(mv, 3000, () => { message.error(mv) });
+        return;
+      }
+
+      // 设置赋码
+      s.goodsListState.endowCode.endowcodeGoodIndex = s.goodsListState.selectedGoodIndex;
+    })();
+  }, [controller]);
+
+  const menuItem = React.useMemo(() => {
+    if (model === 'readOnly') return <></>;
+    return (
+      <Menu.Item key="2" onClick={onClick} disabled={disabled}>
+        批量赋码
+      </Menu.Item>
+    )
+  }, [onClick, disabled, model])
+
+  const button = React.useMemo(() => {
+    if (model === 'readOnly') return <></>;
+    return (
+      <Button onClick={onClick} disabled={disabled} size='small'>
+        赋码
+      </Button>
+    )
+  }, [onClick, disabled, model])
+
+  return { menuItem, button };
+};
+
+/** 
+ * 校验 折扣行和被折扣行是否同时勾选 
+ * */
+function verifyDiscountLine(selectedGood: IGood[]) {
+  selectedGood = selectedGood.sort((a, b) => (a.serialNo || 0) - (b.serialNo || 0));
+  for (let i = 0; i < selectedGood.length; i++) {
+    const good = selectedGood[i];
+    if (good.lineAttribute === LineAttributeType.折扣行)
+      return true;
+
+    if (good.lineAttribute === LineAttributeType.被折扣行 && selectedGood[++i].lineAttribute === LineAttributeType.折扣行)
+      continue;
+  }
+  return false;
+}

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useReselectInvoiceType/index.tsx

@@ -1,57 +1,57 @@
-
-
-import { Button } from "kts-xui";
-import React from "react";
-import Invoice from '../../../../../../..';
-import InvoiceTypeModal from "../../../../../../../../InvoiceTypeModal";
-
-export default () => {
-
-    const controller = Invoice.useInvoiceController();
-
-    const model = controller.useMemo(s => s.model, [])
-
-    const typeModalProps = controller.useMemo(s => s.typeModalProps, []);
-
-    const [open, setOpen] = React.useState(false);
-
-    const onOpen = React.useCallback(() => { setOpen(true) }, [])
-
-    const onClose = React.useCallback(() => { setOpen(false) }, [])
-
-    const onOk = React.useCallback(e => {
-        try {
-            typeModalProps?.onOk && typeModalProps.onOk(e);
-        } catch (error) {
-            console.error(error);
-        }
-        onClose();
-    }, [onClose, typeModalProps?.onOk]);
-
-    const isEnable = React.useMemo(() => {
-        if (typeModalProps?.isDisabled === true) return false
-        if (model === 'readOnly') return false;
-        if (model === 'prefab') return false;
-        return true;
-    }, [model, typeModalProps?.isDisabled])
-
-    const button = React.useMemo(() => {
-        if (isEnable === false) return <></>;
-        return (
-            <>
-                <Button size='small' onClick={onOpen} >重选发票类型</Button>
-                <InvoiceTypeModal
-                    {...typeModalProps}
-                    open={open}
-                    onCancel={onClose}
-                    onOk={onOk}
-                />
-            </>
-        )
-    }, [open, onClose, onOpen, typeModalProps, isEnable])
-
-    return {
-        button,
-    }
-}
-
+
+
+import { Button } from "kts-xui";
+import React from "react";
+import Invoice from '../../../../../../..';
+import InvoiceTypeModal from "../../../../../../../../InvoiceTypeModal";
+
+export default () => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const model = controller.useMemo(s => s.model, [])
+
+    const typeModalProps = controller.useMemo(s => s.typeModalProps, []);
+
+    const [open, setOpen] = React.useState(false);
+
+    const onOpen = React.useCallback(() => { setOpen(true) }, [])
+
+    const onClose = React.useCallback(() => { setOpen(false) }, [])
+
+    const onOk = React.useCallback(e => {
+        try {
+            typeModalProps?.onOk && typeModalProps.onOk(e);
+        } catch (error) {
+            console.error(error);
+        }
+        onClose();
+    }, [onClose, typeModalProps?.onOk]);
+
+    const isEnable = React.useMemo(() => {
+        if (typeModalProps?.isDisabled === true) return false
+        if (model === 'readOnly') return false;
+        if (model === 'prefab') return false;
+        return true;
+    }, [model, typeModalProps?.isDisabled])
+
+    const button = React.useMemo(() => {
+        if (isEnable === false) return <></>;
+        return (
+            <>
+                <Button size='small' onClick={onOpen} >重选发票类型</Button>
+                <InvoiceTypeModal
+                    {...typeModalProps}
+                    open={open}
+                    onCancel={onClose}
+                    onOk={onOk}
+                />
+            </>
+        )
+    }, [open, onClose, onOpen, typeModalProps, isEnable])
+
+    return {
+        button,
+    }
+}
+