kts-component-invoice-operate 3.1.20 → 3.2.0

package/src/Invoice/index.tsx

@@ -1,19 +1,26 @@
 import './index.less';
 import React from 'react';
 import InvoiceController from './InvoiceController';
-import InvoiceHeader from './ui/InvoiceHeader';
-import GoodsList from './ui/GoodsList';
-import useToGenerateId from './ui/GoodsList/hook/useToGenerateId';
-import Seller from './ui/Seller';
-import Sign from './ui/Sign';
-import Buyer from './ui/Buyer';
-import ImportBuyerDrawer from './ui/ImportBuyerDrawer';
-import ImportGoodsDrawer from './ui/ImportGoodsDrawer';
-import EndowCodeDrawer from './ui/EndowCodeDrawer';
-import AddComparisonDrawer from './ui/AddComparisonDrawer';
+import useToGenerateId from './tools/useToGenerateId';
 import idGenerator from './tools/idGenerator';
 import * as calculator from './tools/calculate';
 
+import InvoiceHeader from './ui/default/InvoiceHeader';
+import GoodsList from './ui/default/GoodsList';
+import Seller from './ui/default/Seller';
+import Buyer from './ui/default/Buyer';
+import Sign from './ui/default/Sign';
+
+import InvoiceHeaderDigtal from './ui/digtal/InvoiceHeader';
+import Stakeholder from './ui/digtal/Stakeholder';
+import SignDigtal from './ui/digtal/Sign';
+import GoodsListDigtal from './ui/digtal/GoodsList';
+
+import ImportBuyerDrawer from './ui/default/ImportBuyerDrawer';
+import ImportGoodsDrawer from './ui/default/ImportGoodsDrawer';
+import EndowCodeDrawer from './ui/default/EndowCodeDrawer';
+import AddComparisonDrawer from './ui/default/AddComparisonDrawer';
+
 
 /** 发票组件的上下文 */
 export const InvoiceContext = React.createContext<InvoiceController>(
@@ -30,38 +37,56 @@ export interface IInvoiceProps {
   /** 货物列表UI */
   goodsList?: React.ReactNode;
 
-  /** 购买方UI */
+  /** 购买方UI （invoiceType为default时生效） */
   buyer?: React.ReactNode;
 
-  /** 销售方UI */
+  /** 销售方UI （invoiceType为default时生效）*/
   seller?: React.ReactNode;
 
+  /** 干系人（购买方&销售方） （invoiceType为digtal时生效） */
+  stakeholder?: React.ReactNode;
+
   /** 落款UI */
   sign?: React.ReactNode;
 
   /** 底部扩展UI */
   footExpand?: React.ReactNode;
+
+  /** 发票种类： default-默认，digtal-数电 */
+  invoiceType?: 'default' | 'digtal';
 }
 
 export default class Invoice extends React.PureComponent<IInvoiceProps> {
   /** 控制器 */
   static readonly InvoiceController = InvoiceController;
 
-  /** 发票头 */
+  /** 发票头(默认) */
   static readonly InvoiceHeader = InvoiceHeader;
 
-  /** 货物列表 */
+  /** 货物列表(默认) */
   static readonly GoodsList = GoodsList;
 
-  /** 销售方 */
+  /** 销售方(默认) */
   static readonly Seller = Seller;
 
-  /** 落款 */
+  /** 落款(默认) */
   static readonly Sign = Sign;
 
-  /** 购买方 */
+  /** 购买方(默认) */
   static readonly Buyer = Buyer;
 
+  /** 发票头(数电) */
+  static readonly InvoiceHeaderDigtal = InvoiceHeaderDigtal;
+
+  /** 干系人(数电) */
+  static readonly Stakeholder = Stakeholder;
+
+  /** 落款(数电) */
+  static readonly SignDigtal = SignDigtal;
+
+  /** 货物列表(数电) */
+  static readonly GoodsListDigtal = GoodsListDigtal;
+
   /** 货物索引生成器 */
   static idGenerator = idGenerator;
 
@@ -72,10 +97,15 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
   static useInvoiceController = () => { return React.useContext(InvoiceContext) };
 
   render() {
-    return <Main {...this.props}></Main>;
+    if (this.props.invoiceType === 'digtal') {
+      return <Digtal {...this.props}></Digtal>;
+    } else {
+      return <Main {...this.props}></Main>;
+    }
   }
 }
 
+/** 默认 */
 const Main = (props: IInvoiceProps) => {
 
   const controller = React.useMemo(() => props.controller || new InvoiceController(), [props.controller]);
@@ -85,7 +115,7 @@ const Main = (props: IInvoiceProps) => {
   useToGenerateId(controller);
 
   React.useEffect(() => { setKey(key + 1) }, [controller]);
-
+  
   return (
     <InvoiceContext.Provider key={key} value={controller}>
 
@@ -106,4 +136,29 @@ const Main = (props: IInvoiceProps) => {
   );
 };
 
+/** 数电 */
+const Digtal = (props: IInvoiceProps) => {
+
+  const controller = React.useMemo(() => props.controller || new InvoiceController(), [props.controller]);
 
+  const [key, setKey] = React.useState(0);
+
+  useToGenerateId(controller);
+
+  React.useEffect(() => { setKey(key + 1) }, [controller]);
+
+  return (
+    <InvoiceContext.Provider key={key} value={controller}>
+      <div className="kts-invoice-operate-digtal" ref={controller.pipeline<HTMLDivElement | null>(async (s, e) => { s.rootElement = e })} >
+        {props.invoiceHeader || <InvoiceHeaderDigtal /> /** 发票头 */}
+        <div className='kts-invoice-operate-digtal-cont' >
+          {props.stakeholder || <Stakeholder />  /** 干系人 */}
+          {props.goodsList || <GoodsListDigtal  /** 货物列表 */ />}
+        </div>
+        {props.sign || <SignDigtal />   /** 落款 */}
+      </div>
+
+      <EndowCodeDrawer />{/* 给货品赋码的抽屉 */}
+    </InvoiceContext.Provider>
+  )
+}

package/src/Invoice/tools/mounting/index.ts

@@ -0,0 +1,14 @@
+
+import * as ReactDOM from 'react-dom';
+
+/** 挂在组件到跟上 */
+export default function mounting(node: JSX.Element, containerId?: string) {
+    ReactDOM.render(node, getContainer(containerId));
+}
+
+function getContainer(containerId: string = 'kts-component-invoice-operate-invoicing-authorization') {
+    const div: HTMLElement = document.querySelector(`#${containerId}`) || document.createElement("div");
+    div.id = containerId;
+    document.body.appendChild(div);
+    return div;
+}

package/src/Invoice/{ui/GoodsList/hook → tools}/useToGenerateId/index.ts

@@ -1,6 +1,6 @@
 
 import React from 'react'
-import InvoiceController from '../../../../InvoiceController'
+import InvoiceController from '../../InvoiceController'
 
 /** 更新 商品序号 */
 export default function useToGenerateId(controller: InvoiceController) {

package/src/Invoice/ui/{AddComparisonDrawer → default/AddComparisonDrawer}/index.tsx

@@ -2,9 +2,9 @@
 import React from "react";
 import { Row, Col, Input, Button, message } from "kts-components-antd-x3";
 import { Form, Drawer } from "kts-xui";
-import { Invoice, IGood } from "../../../";
-import { getSN } from "../../tools/itemName";
-import { LineAttributeType } from "../../InvoiceController";
+import { Invoice, IGood } from "../../../..";
+import { getSN } from "../../../tools/itemName";
+import { LineAttributeType } from "../../../InvoiceController";
 
 export default function AddComparisonDrawer() {
 
@@ -14,7 +14,7 @@ export default function AddComparisonDrawer() {
     const controller = Invoice.useInvoiceController();
 
     /** 正在 添加商品对照 的货物索引 */
-    const addComparisonIndex = controller.useMemo(s => s.goodsListState.addComparisonIndex, []);
+    const addComparisonIndex = controller.useMemo(s => s.goodsListState?.addComparisonIndex, []);
 
     /** 货物字典 */
     const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, []);
@@ -29,7 +29,7 @@ export default function AddComparisonDrawer() {
     const onSubmit = React.useCallback(() => {
         controller.run(async s => {
             if (!good) return
-
+            
             try {
                 const values = await form.validateFields()
                 const shorthand = s.goodsListState.isMyShow ? getSN(good.itemNameSelf)?.shorthand : getSN(good.itemName)?.shorthand;

package/src/Invoice/ui/{Buyer → default/Buyer}/index.tsx

@@ -4,8 +4,8 @@ import { decorator } from 'grey-react-box';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 import ImportBuyerButton from './ui/ImportBuyerButton';
 import BuyerNameInput from './ui/BuyerNameInput';
-import Invoice from '../../';
-import { IFormItem } from '../../InvoiceController/InvoiceControllerState/BuyerState';
+import { IFormItem } from '../../../InvoiceController/InvoiceControllerState/BuyerState';
+import Invoice from '../../..';
 import './index.less';
 
 const { Text } = Typography;

package/src/Invoice/ui/{Buyer → default/Buyer}/ui/BuyerNameInput/index.tsx

@@ -1,8 +1,8 @@
 
 import React from 'react';
 import { Popover, Input, Divider, Spin, Empty } from 'kts-components-antd-x3';
-import Invoice from '../../../../';
-import { IBuyerInfo } from '../../../../InvoiceController/InvoiceControllerState/BuyerState';
+import Invoice from '../../../../..';
+import { IBuyerInfo } from '../../../../../InvoiceController/InvoiceControllerState/BuyerState';
 
 export interface IBuyerNameInputProps {
   value?: string;

package/src/Invoice/ui/{Buyer → default/Buyer}/ui/ImportBuyerButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from 'kts-components-antd-x3';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 
 export default () => {
   const controller = Invoice.useInvoiceController();

package/src/Invoice/ui/{EndowCodeDrawer → default/EndowCodeDrawer}/index.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import Invoice from '../../';
+import Invoice from '../../..';
 import { Button, Drawer, Select, Modal, Input as InputAntd, Form, Tree, message } from 'kts-components-antd-x3';
 import { chain, bignumber } from 'mathjs';
 import { Input, NumberPicker } from '@formily/antd-components';
 import { format15 } from '../GoodsList/hook/useColumns/autoFillFn';
-import { LineAttributeType } from '../../InvoiceController';
-import IGood from '../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
-import { countTaxAmount } from '../../tools/calculate';
-import { bytesLnegth, cutStr } from '../../tools/strringFn';
+import { LineAttributeType } from '../../../InvoiceController';
+import IGood from '../../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
+import { countTaxAmount } from '../../../tools/calculate';
+import { bytesLnegth, cutStr } from '../../../tools/strringFn';
 import {
   SchemaForm,
   FormButtonGroup,

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/autoFillFn/index.ts

@@ -5,13 +5,13 @@
  * 税额 小数点后 2位
  */
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
-import InvoiceController, { IGood, LineAttributeType } from '../../../../../InvoiceController';
-import evaluate from '../../../../../tools/evaluate';
+import InvoiceController, { IGood, LineAttributeType } from '../../../../../../InvoiceController';
+import evaluate from '../../../../../../tools/evaluate';
 import { message } from 'kts-components-antd-x3'
-import { format2, format15, countTaxAmount, countAmountExcludeTax, countPrice } from '../../../../../tools/calculate';
+import { format2, format15, countTaxAmount, countAmountExcludeTax, countPrice } from '../../../../../../tools/calculate';
 import moment from 'moment';
 
-export { format2, format15 } from '../../../../../tools/calculate';
+export { format2, format15 } from '../../../../../../tools/calculate';
 
 
 

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/index.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Form, AutoComplete, Select, Button, Input, Spin, Tooltip } from 'kts-components-antd-x3';
 import { InputProps } from 'kts-components-antd-x3/lib/input';
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
-import { IGood } from '../../../../InvoiceController';
-import Invoice from '../../../../';
+import { IGood } from '../../../../../InvoiceController';
+import Invoice from '../../../../..';
 import RowMenu from './ui/RowMenu';
 import TitleText from './ui/TitleText';
 import ItemNameInput from './ui/ItemNameInput';
@@ -16,7 +16,7 @@ import {
   onChangeTaxRate,
   onChangeItemName,
 } from './autoFillFn';
-import { getItemNameWithShorthand } from '../../../../tools/itemName';
+import { getItemNameWithShorthand } from '../../../../../tools/itemName';
 
 export default (form: WrappedFormUtils) => {
   const { getFieldDecorator, getFieldValue } = form;

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/ui/RowMenu/hook/useAddDiscount/index.tsx

@@ -1,8 +1,8 @@
 
 import React from 'react';
 import { Menu, message, Typography } from 'kts-components-antd-x3';
-import { IGood, LineAttributeType } from '../../../../../../../../InvoiceController';
-import Invoice from '../../../../../../../../';
+import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../..';
 
 const { Text } = Typography;
 

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/ui/RowMenu/hook/useDelItem/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 // import { Menu, Typography } from 'kts-components-antd-x3';
-import { IGood, LineAttributeType } from '../../../../../../../../InvoiceController';
-import Invoice from '../../../../../../../../';
+import { IGood, LineAttributeType } from '../../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../..';
 
 // const { Text } = Typography;
 

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/ui/RowMenu/hook/useEndowCode/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Button } from 'kts-components-antd-x3';
-import Invoice from '../../../../../../../../';
-import { IGood } from '../../../../../../../../InvoiceController';
+// import { Button } from 'kts-components-antd-x3';
+import Invoice from '../../../../../../../../..';
+import { IGood } from '../../../../../../../../../InvoiceController';
 import { endowCode } from '../../../../autoFillFn';
 
 // const { Text } = Typography;

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useColumns/ui/RowMenu/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button, Menu, Dropdown, Icon, Typography } from 'kts-components-antd-x3';
-import Invoice from '../../../../../../';
-import { IGood } from '../../../../../../InvoiceController';
+import Invoice from '../../../../../../..';
+import { IGood } from '../../../../../../../InvoiceController';
 import { ReactComponent as SpotSvg } from './spot.svg';
 
 import useDelItem from './hook/useDelItem';

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

@@ -0,0 +1,24 @@
+
+/**
+ * 扣除额 相关业务
+ */
+
+import React from "react";
+import { InvoiceController } from "../../../../../..";
+
+/**
+ * 扣除额 相关业务
+ */
+export default function useDeduction(controller: InvoiceController, deduction = 0) {
+
+  // 更新 扣除额
+  React.useEffect(() => { controller.pipeline(async s => s.goodsListState.deduction = deduction)(); }, [controller, deduction]);
+
+  // 重新计算
+  React.useEffect(()=>{
+    controller.pipeline(async s=>{
+      s.goodsListState.editGood = undefined;
+      s.goodsListState.goodsList = [];
+    })()
+  }, [controller, deduction])
+}

package/src/Invoice/ui/{GoodsList → default/GoodsList}/hook/useOnRow/index.tsx

@@ -3,9 +3,9 @@
  */
 
 import React from 'react';
-import Invoice from '../../../../';
-import IGood from '../../../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
-import { LineAttributeType } from '../../../../InvoiceController';
+import Invoice from '../../../../..';
+import IGood from '../../../../../InvoiceController/InvoiceControllerState/GoodsListState/IGood';
+import { LineAttributeType } from '../../../../../InvoiceController';
 
 export default () => {
   /** 控制器 */

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

@@ -1,8 +1,8 @@
 
 import React from 'react';
 import { Checkbox } from 'kts-components-antd-x3';
-import { LineAttributeType } from '../../../../InvoiceController';
-import Invoice from '../../../../';
+import { LineAttributeType } from '../../../../../InvoiceController';
+import Invoice from '../../../../..';
 
 export default () => {
 

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

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

package/src/Invoice/ui/{GoodsList → default/GoodsList}/index.tsx

@@ -13,7 +13,7 @@ import TaxIncludedSwitch from './ui/TaxIncludedSwitch';
 import DescribeSwitch from './ui/DescribeSwitch';
 import Search from './ui/Search';
 import TableRow from './ui/TableRow';
-// import BulkMenu from './ui/BulkMenu';
+// import BulkMenu from './ui/default/BulkMenu';
 
 import useColumns from './hook/useColumns';
 import useOnRow from './hook/useOnRow';
@@ -21,7 +21,7 @@ import useDeduction from './hook/useDeduction';
 import useWindowClick from './hook/useWindowClick';
 import useRowSelection from './hook/useRowSelection';
 
-import Invoice from '../../';
+import Invoice from '../../..';
 import './index.less';
 
 import useEndowCodeButton from './ui/BulkMenu/hooks/useEndowCodeButton';

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/AddRowButton/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 import { Button, message } from 'kts-components-antd-x3';
-import InvoiceController, { LineAttributeType } from '../../../../InvoiceController';
+import InvoiceController, { LineAttributeType } from '../../../../../InvoiceController';
 
 export default () => {
   const controller = Invoice.useInvoiceController();

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/BulkMenu/hooks/useAddDiscountRowButton/index.tsx

@@ -11,10 +11,10 @@ import { Button, Drawer, Form, message, Input, Typography, Menu } from 'kts-comp
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 import { all, create } from 'mathjs';
 import { decorator } from 'grey-react-box';
-import Invoice from '../../../../../../';
-import lazyFn from '../../../../../../tools/lazyFn';
-import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
-import evaluate from '../../../../../../../Invoice/tools/evaluate';
+import Invoice from '../../../../../../..';
+import lazyFn from '../../../../../../../tools/lazyFn';
+import LineAttributeType from '../../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
+import evaluate from '../../../../../../../../Invoice/tools/evaluate';
 import './index.less';
 
 const { Text } = Typography;

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/BulkMenu/hooks/useDelRowButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Invoice from '../../../../../../';
-import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
+import Invoice from '../../../../../../..';
+import LineAttributeType from '../../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
 import { Button, Menu } from 'kts-components-antd-x3';
 
 export default () => {

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/BulkMenu/hooks/useEndowCodeButton/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import Invoice from '../../../../../../';
+import Invoice from '../../../../../../..';
 import { message, Menu, Button } from 'kts-components-antd-x3';
-import coolingFn from '../../../../../../tools/coolingFn';
+import coolingFn from '../../../../../../../tools/coolingFn';
 
 export default () => {
   

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/DescribeSwitch/index.tsx

@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { Switch, Icon, Tooltip } from 'kts-components-antd-x3';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 
 export default () => {
 

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/Search/index.tsx

@@ -2,7 +2,7 @@
 import React from "react";
 import { Icon, Input, message } from "kts-components-antd-x3";
 import { ReactComponent as MagnifierSvg } from './icon/magnifier.svg';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 import './index.less';
 
 export default function Search() {

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/Statistics/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { } from 'kts-components-antd-x3';
 import { chain, bignumber } from 'mathjs';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 import './index.less';
 
 const nzhcn = require('nzh').cn;

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/TableRow/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import Invoice from '../../../../';
-import { LineAttributeType } from '../../../../InvoiceController'
+import Invoice from '../../../../..';
+import { LineAttributeType } from '../../../../../InvoiceController'
 import classnames from 'classnames'
 
 export default function TableRow(props: any) {

package/src/Invoice/ui/{GoodsList → default/GoodsList}/ui/TaxIncludedSwitch/index.tsx

@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { Switch } from 'kts-xui';
-import Invoice from '../../../../';
+import Invoice from '../../../../..';
 
 export default () => {
 

package/src/Invoice/ui/{ImportBuyerDrawer → default/ImportBuyerDrawer}/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Drawer, Table } from 'kts-components-antd-x3';
-import Invoice from '../../';
+import Invoice from '../../..';
 
 export default () => {
   const controller = Invoice.useInvoiceController();

package/src/Invoice/ui/{ImportGoodsDrawer → default/ImportGoodsDrawer}/index.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Drawer, Table } from 'kts-components-antd-x3';
-import Invoice from '../../';
+import Invoice from '../../..';
 import { updateUnitPriceExcludingTax, updateUnitPriceTax, dutyFree, format15 } from '../GoodsList/hook/useColumns/autoFillFn';
-import { countAmountIncludeTax } from '../../tools/calculate'
-import { IGood } from '../../InvoiceController';
-import evaluate from '../../tools/evaluate';
+import { countAmountIncludeTax } from '../../../tools/calculate'
+import { IGood } from '../../../InvoiceController';
+import evaluate from '../../../tools/evaluate';
 
 export default () => {
   const controller = Invoice.useInvoiceController();

package/src/Invoice/ui/{InvoiceHeader → default/InvoiceHeader}/index.tsx

@@ -4,7 +4,7 @@ import { decorator } from 'grey-react-box';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 // import moment from 'moment';
 import { ReactComponent as AutoSvg } from './auto.svg';
-import Invoice from '../../';
+import Invoice from '../../..';
 import './index.less';
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
 

package/src/Invoice/ui/{Seller → default/Seller}/index.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Descriptions, Input, Form } from 'kts-components-antd-x3';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 import { decorator } from 'grey-react-box';
-import Invoice from '../../';
-import { IFormItem } from '../../InvoiceController/InvoiceControllerState/BuyerState';
+import Invoice from '../../..';
+import { IFormItem } from '../../../InvoiceController/InvoiceControllerState/BuyerState';
 import './index.less';
 
 const { TextArea } = Input;

package/src/Invoice/ui/{Sign → default/Sign}/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Descriptions, Input, Form } from 'kts-components-antd-x3';
 import { decorator } from 'grey-react-box';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
-import Invoice from '../../';
+import Invoice from '../../..';
 import './index.less';
 
 export interface IBuyerProps {