kts-component-invoice-operate 3.2.98 → 3.2.100

package/docs/index.md

@@ -1,5 +1,5 @@
-# 发票编辑组件
-
-npm 地址：https://www.npmjs.com/package/kts-component-invoice-operate
-
-### 版本 3.2.5
+# 发票编辑组件
+
+npm 地址：https://www.npmjs.com/package/kts-component-invoice-operate
+
+### 版本 3.2.5

package/docs-dist/static/arrowDown.a1cbf0d8.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
-  <path d="M2.94338 4.42663C3.03458 4.42662 3.12571 4.46481 3.19459 4.54096L5.99164 7.6327L8.78868 4.54096C8.92463 4.39067 9.14733 4.38824 9.28606 4.53554C9.4248 4.68285 9.42705 4.92408 9.29107 5.07437L6.24283 8.44378C6.17667 8.5169 6.08613 8.55811 5.99164 8.55811C5.89714 8.55811 5.80659 8.5169 5.74044 8.44378L2.69221 5.07437C2.55623 4.92408 2.55849 4.68285 2.69722 4.53554C2.76567 4.46287 2.85455 4.42665 2.94338 4.42663Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
+  <path d="M2.94338 4.42663C3.03458 4.42662 3.12571 4.46481 3.19459 4.54096L5.99164 7.6327L8.78868 4.54096C8.92463 4.39067 9.14733 4.38824 9.28606 4.53554C9.4248 4.68285 9.42705 4.92408 9.29107 5.07437L6.24283 8.44378C6.17667 8.5169 6.08613 8.55811 5.99164 8.55811C5.89714 8.55811 5.80659 8.5169 5.74044 8.44378L2.69221 5.07437C2.55623 4.92408 2.55849 4.68285 2.69722 4.53554C2.76567 4.46287 2.85455 4.42665 2.94338 4.42663Z"/>
 </svg>

package/docs-dist/static/arrowUp.4c482054.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
-  <path d="M9.55662 8.57337C9.46542 8.57338 9.37429 8.53519 9.30541 8.45904L6.50836 5.3673L3.71132 8.45904C3.57537 8.60933 3.35267 8.61176 3.21394 8.46446C3.0752 8.31715 3.07295 8.07592 3.20893 7.92563L6.25717 4.55622C6.32333 4.4831 6.41387 4.44189 6.50836 4.44189C6.60286 4.44189 6.69341 4.4831 6.75956 4.55622L9.80779 7.92563C9.94377 8.07592 9.94151 8.31715 9.80278 8.46446C9.73433 8.53713 9.64545 8.57335 9.55662 8.57337Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
+  <path d="M9.55662 8.57337C9.46542 8.57338 9.37429 8.53519 9.30541 8.45904L6.50836 5.3673L3.71132 8.45904C3.57537 8.60933 3.35267 8.61176 3.21394 8.46446C3.0752 8.31715 3.07295 8.07592 3.20893 7.92563L6.25717 4.55622C6.32333 4.4831 6.41387 4.44189 6.50836 4.44189C6.60286 4.44189 6.69341 4.4831 6.75956 4.55622L9.80779 7.92563C9.94377 8.07592 9.94151 8.31715 9.80278 8.46446C9.73433 8.53713 9.64545 8.57335 9.55662 8.57337Z"/>
 </svg>

package/docs-dist/static/fork.5431267d.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-  <g clip-path="url(#clip0_695_1221)">
-    <path d="M7.99978 0.888916C4.08867 0.888916 0.888672 4.08892 0.888672 8.00003C0.888672 11.9111 4.08867 15.1111 7.99978 15.1111C11.9109 15.1111 15.1109 11.9111 15.1109 8.00003C15.1109 4.08892 11.9109 0.888916 7.99978 0.888916ZM7.99978 14.2222C4.53312 14.2222 1.77756 11.4667 1.77756 8.00003C1.77756 4.53336 4.53312 1.7778 7.99978 1.7778C11.4664 1.7778 14.222 4.53336 14.222 8.00003C14.222 11.4667 11.4664 14.2222 7.99978 14.2222Z" fill="#333333"/>
-    <path d="M10.7019 11.3288L4.72949 5.35818L5.35794 4.72974L11.3295 10.7004L10.7019 11.3288Z" fill="#333333"/>
-    <path d="M4.66895 10.7023L10.6396 4.73071L11.2681 5.35916L5.29739 11.3307L4.66895 10.7023Z" fill="#333333"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_695_1221">
-      <rect width="16" height="16" fill="white"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <g clip-path="url(#clip0_695_1221)">
+    <path d="M7.99978 0.888916C4.08867 0.888916 0.888672 4.08892 0.888672 8.00003C0.888672 11.9111 4.08867 15.1111 7.99978 15.1111C11.9109 15.1111 15.1109 11.9111 15.1109 8.00003C15.1109 4.08892 11.9109 0.888916 7.99978 0.888916ZM7.99978 14.2222C4.53312 14.2222 1.77756 11.4667 1.77756 8.00003C1.77756 4.53336 4.53312 1.7778 7.99978 1.7778C11.4664 1.7778 14.222 4.53336 14.222 8.00003C14.222 11.4667 11.4664 14.2222 7.99978 14.2222Z" fill="#333333"/>
+    <path d="M10.7019 11.3288L4.72949 5.35818L5.35794 4.72974L11.3295 10.7004L10.7019 11.3288Z" fill="#333333"/>
+    <path d="M4.66895 10.7023L10.6396 4.73071L11.2681 5.35916L5.29739 11.3307L4.66895 10.7023Z" fill="#333333"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_695_1221">
+      <rect width="16" height="16" fill="white"/>
+    </clipPath>
+  </defs>
 </svg>

package/docs-dist/static/plus.44013ce3.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15">
-  <g clip-path="url(#clip0_715_360)">
-    <path d="M8 14.5312C4.11687 14.5312 0.96875 11.3831 0.96875 7.5C0.96875 3.61687 4.11687 0.46875 8 0.46875C11.8831 0.46875 15.0312 3.61687 15.0312 7.5C15.0312 11.3831 11.8831 14.5312 8 14.5312ZM8 13.5938C11.3656 13.5938 14.0938 10.8656 14.0938 7.5C14.0938 4.13438 11.3656 1.40625 8 1.40625C4.63438 1.40625 1.90625 4.13438 1.90625 7.5C1.90625 10.8656 4.63438 13.5938 8 13.5938Z"/>
-    <path d="M4.25 7.96875C4.12568 7.96875 4.00645 7.91936 3.91854 7.83146C3.83064 7.74355 3.78125 7.62432 3.78125 7.5C3.78125 7.37568 3.83064 7.25645 3.91854 7.16854C4.00645 7.08064 4.12568 7.03125 4.25 7.03125H11.75C11.8743 7.03125 11.9935 7.08064 12.0815 7.16854C12.1694 7.25645 12.2188 7.37568 12.2188 7.5C12.2188 7.62432 12.1694 7.74355 12.0815 7.83146C11.9935 7.91936 11.8743 7.96875 11.75 7.96875H4.25Z"/>
-    <path d="M7.53125 3.75C7.53125 3.62568 7.58064 3.50645 7.66854 3.41854C7.75645 3.33064 7.87568 3.28125 8 3.28125C8.12432 3.28125 8.24355 3.33064 8.33146 3.41854C8.41936 3.50645 8.46875 3.62568 8.46875 3.75V11.25C8.46875 11.3743 8.41936 11.4935 8.33146 11.5815C8.24355 11.6694 8.12432 11.7188 8 11.7188C7.87568 11.7188 7.75645 11.6694 7.66854 11.5815C7.58064 11.4935 7.53125 11.3743 7.53125 11.25V3.75Z"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_715_360">
-      <rect width="15" height="15" transform="translate(0.5)"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15">
+  <g clip-path="url(#clip0_715_360)">
+    <path d="M8 14.5312C4.11687 14.5312 0.96875 11.3831 0.96875 7.5C0.96875 3.61687 4.11687 0.46875 8 0.46875C11.8831 0.46875 15.0312 3.61687 15.0312 7.5C15.0312 11.3831 11.8831 14.5312 8 14.5312ZM8 13.5938C11.3656 13.5938 14.0938 10.8656 14.0938 7.5C14.0938 4.13438 11.3656 1.40625 8 1.40625C4.63438 1.40625 1.90625 4.13438 1.90625 7.5C1.90625 10.8656 4.63438 13.5938 8 13.5938Z"/>
+    <path d="M4.25 7.96875C4.12568 7.96875 4.00645 7.91936 3.91854 7.83146C3.83064 7.74355 3.78125 7.62432 3.78125 7.5C3.78125 7.37568 3.83064 7.25645 3.91854 7.16854C4.00645 7.08064 4.12568 7.03125 4.25 7.03125H11.75C11.8743 7.03125 11.9935 7.08064 12.0815 7.16854C12.1694 7.25645 12.2188 7.37568 12.2188 7.5C12.2188 7.62432 12.1694 7.74355 12.0815 7.83146C11.9935 7.91936 11.8743 7.96875 11.75 7.96875H4.25Z"/>
+    <path d="M7.53125 3.75C7.53125 3.62568 7.58064 3.50645 7.66854 3.41854C7.75645 3.33064 7.87568 3.28125 8 3.28125C8.12432 3.28125 8.24355 3.33064 8.33146 3.41854C8.41936 3.50645 8.46875 3.62568 8.46875 3.75V11.25C8.46875 11.3743 8.41936 11.4935 8.33146 11.5815C8.24355 11.6694 8.12432 11.7188 8 11.7188C7.87568 11.7188 7.75645 11.6694 7.66854 11.5815C7.58064 11.4935 7.53125 11.3743 7.53125 11.25V3.75Z"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_715_360">
+      <rect width="15" height="15" transform="translate(0.5)"/>
+    </clipPath>
+  </defs>
 </svg>

package/docs-dist/static/plus.4fd1af30.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none">
-  <g clip-path="url(#clip0_715_360)">
-    <path d="M8 14.5312C4.11687 14.5312 0.96875 11.3831 0.96875 7.5C0.96875 3.61687 4.11687 0.46875 8 0.46875C11.8831 0.46875 15.0312 3.61687 15.0312 7.5C15.0312 11.3831 11.8831 14.5312 8 14.5312ZM8 13.5938C11.3656 13.5938 14.0938 10.8656 14.0938 7.5C14.0938 4.13438 11.3656 1.40625 8 1.40625C4.63438 1.40625 1.90625 4.13438 1.90625 7.5C1.90625 10.8656 4.63438 13.5938 8 13.5938Z"/>
-    <path d="M4.25 7.96875C4.12568 7.96875 4.00645 7.91936 3.91854 7.83146C3.83064 7.74355 3.78125 7.62432 3.78125 7.5C3.78125 7.37568 3.83064 7.25645 3.91854 7.16854C4.00645 7.08064 4.12568 7.03125 4.25 7.03125H11.75C11.8743 7.03125 11.9935 7.08064 12.0815 7.16854C12.1694 7.25645 12.2188 7.37568 12.2188 7.5C12.2188 7.62432 12.1694 7.74355 12.0815 7.83146C11.9935 7.91936 11.8743 7.96875 11.75 7.96875H4.25Z"/>
-    <path d="M7.53125 3.75C7.53125 3.62568 7.58064 3.50645 7.66854 3.41854C7.75645 3.33064 7.87568 3.28125 8 3.28125C8.12432 3.28125 8.24355 3.33064 8.33146 3.41854C8.41936 3.50645 8.46875 3.62568 8.46875 3.75V11.25C8.46875 11.3743 8.41936 11.4935 8.33146 11.5815C8.24355 11.6694 8.12432 11.7188 8 11.7188C7.87568 11.7188 7.75645 11.6694 7.66854 11.5815C7.58064 11.4935 7.53125 11.3743 7.53125 11.25V3.75Z"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_715_360">
-      <rect width="15" height="15" transform="translate(0.5)"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none">
+  <g clip-path="url(#clip0_715_360)">
+    <path d="M8 14.5312C4.11687 14.5312 0.96875 11.3831 0.96875 7.5C0.96875 3.61687 4.11687 0.46875 8 0.46875C11.8831 0.46875 15.0312 3.61687 15.0312 7.5C15.0312 11.3831 11.8831 14.5312 8 14.5312ZM8 13.5938C11.3656 13.5938 14.0938 10.8656 14.0938 7.5C14.0938 4.13438 11.3656 1.40625 8 1.40625C4.63438 1.40625 1.90625 4.13438 1.90625 7.5C1.90625 10.8656 4.63438 13.5938 8 13.5938Z"/>
+    <path d="M4.25 7.96875C4.12568 7.96875 4.00645 7.91936 3.91854 7.83146C3.83064 7.74355 3.78125 7.62432 3.78125 7.5C3.78125 7.37568 3.83064 7.25645 3.91854 7.16854C4.00645 7.08064 4.12568 7.03125 4.25 7.03125H11.75C11.8743 7.03125 11.9935 7.08064 12.0815 7.16854C12.1694 7.25645 12.2188 7.37568 12.2188 7.5C12.2188 7.62432 12.1694 7.74355 12.0815 7.83146C11.9935 7.91936 11.8743 7.96875 11.75 7.96875H4.25Z"/>
+    <path d="M7.53125 3.75C7.53125 3.62568 7.58064 3.50645 7.66854 3.41854C7.75645 3.33064 7.87568 3.28125 8 3.28125C8.12432 3.28125 8.24355 3.33064 8.33146 3.41854C8.41936 3.50645 8.46875 3.62568 8.46875 3.75V11.25C8.46875 11.3743 8.41936 11.4935 8.33146 11.5815C8.24355 11.6694 8.12432 11.7188 8 11.7188C7.87568 11.7188 7.75645 11.6694 7.66854 11.5815C7.58064 11.4935 7.53125 11.3743 7.53125 11.25V3.75Z"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_715_360">
+      <rect width="15" height="15" transform="translate(0.5)"/>
+    </clipPath>
+  </defs>
 </svg>

package/index.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="refresh" content="0;url=./docs-dist">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>文档</title>
-</head>
-<body>
-    
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="refresh" content="0;url=./docs-dist">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>文档</title>
+</head>
+<body>
+    
+</body>
 </html>

package/package.json

@@ -1,61 +1,61 @@
-{
-  "name": "kts-component-invoice-operate",
-  "version": "3.2.98",
-  "scripts": {
-    "dev": "dumi dev",
-    "start": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage",
-    "pub": "antd-tools run pub"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [],
-    "*.ts?(x)": []
-  },
-  "dependencies": {
-    "@formily/antd": "^1.3.17",
-    "@formily/antd-components": "^1.3.17",
-    "@types/uuid": "^8.3.0",
-    "classnames": "^2.3.1",
-    "grey-react-box": "^0.2.22",
-    "kts-components-antd-x3": "^3.26.20-5",
-    "kts-components-antd-x4": "5.0.0",
-    "kts-components-antd-x4-v4": "npm:kts-components-antd-x4@^4.0.3",
-    "kts-xui": "^2.0.3",
-    "mathjs": "^9.4.2",
-    "next": "^11.0.1",
-    "nzh": "^1.0.4",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "styled-components": "^5.3.0",
-    "uuid": "^8.3.2"
-  },
-  "devDependencies": {
-    "@umijs/plugin-antd": "^0.10.0",
-    "@umijs/test": "^3.0.5",
-    "antd": "3.26.20",
-    "dumi": "^1.0.14",
-    "father-build": "^1.17.2",
-    "gh-pages": "^3.0.0",
-    "invariant": "^2.2.4",
-    "kts-components": "^1.2.18",
-    "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
-    "yorkie": "^2.0.0"
-  },
-  "resolutions": {
-    "@types/react": "17.0.2"
-  }
-}
+{
+  "name": "kts-component-invoice-operate",
+  "version": "3.2.100",
+  "scripts": {
+    "dev": "dumi dev",
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "pub": "antd-tools run pub"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "typings": "dist/index.d.ts",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [],
+    "*.ts?(x)": []
+  },
+  "dependencies": {
+    "@formily/antd": "^1.3.17",
+    "@formily/antd-components": "^1.3.17",
+    "@types/uuid": "^8.3.0",
+    "classnames": "^2.3.1",
+    "grey-react-box": "^0.2.22",
+    "kts-components-antd-x3": "^3.26.20-5",
+    "kts-components-antd-x4": "5.0.0",
+    "kts-components-antd-x4-v4": "npm:kts-components-antd-x4@^4.0.3",
+    "kts-xui": "^2.0.3",
+    "mathjs": "^9.4.2",
+    "next": "^11.0.1",
+    "nzh": "^1.0.4",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "styled-components": "^5.3.0",
+    "uuid": "^8.3.2"
+  },
+  "devDependencies": {
+    "@umijs/plugin-antd": "^0.10.0",
+    "@umijs/test": "^3.0.5",
+    "antd": "3.26.20",
+    "dumi": "^1.0.14",
+    "father-build": "^1.17.2",
+    "gh-pages": "^3.0.0",
+    "invariant": "^2.2.4",
+    "kts-components": "^1.2.18",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "yorkie": "^2.0.0"
+  },
+  "resolutions": {
+    "@types/react": "17.0.2"
+  }
+}

package/src/Invoice/Invoice-digtal/_test/disabled/index.tsx

@@ -1,38 +1,38 @@
-import React from 'react';
-import Invoice from '../../..';
-import 'antd/dist/antd.css';
-
-export default () => {
-
-    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
-
-    React.useEffect(() => {
-        (async () => {
-
-            await controller.run(async s => {
-                s.stakeholder.disableds = [
-                    'buyerName',
-                    'buyerTaxId',
-                    'remark',
-                ]
-            })
-
-            controller.formList.get('stakeholder')?.setFieldsValue({
-                buyerName: 'buyerName',
-                buyerTaxId: 'buyerTaxId',
-            })
-
-            controller.formList.get('sign')?.setFieldsValue({
-                remark: 'remark',
-            })
-        })()
-
-    }, [controller])
-
-    return (
-        <Invoice
-            invoiceType='digtal'
-            controller={controller}
-        />
-    )
-};
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+
+export default () => {
+
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
+
+    React.useEffect(() => {
+        (async () => {
+
+            await controller.run(async s => {
+                s.stakeholder.disableds = [
+                    'buyerName',
+                    'buyerTaxId',
+                    'remark',
+                ]
+            })
+
+            controller.formList.get('stakeholder')?.setFieldsValue({
+                buyerName: 'buyerName',
+                buyerTaxId: 'buyerTaxId',
+            })
+
+            controller.formList.get('sign')?.setFieldsValue({
+                remark: 'remark',
+            })
+        })()
+
+    }, [controller])
+
+    return (
+        <Invoice
+            invoiceType='digtal'
+            controller={controller}
+        />
+    )
+};

package/src/Invoice/Invoice-digtal/_test/easiest/index.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
-import Invoice from '../../..';
-import 'antd/dist/antd.css';
-
-export default () => {
-    return (
-        <Invoice
-            invoiceType='digtal'
-            invoiceHeader={ 
-                <Invoice.InvoiceHeader
-                    title='自定义'
-                />
-            }
-        />
-    )
-};
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+
+export default () => {
+    return (
+        <Invoice
+            invoiceType='digtal'
+            invoiceHeader={ 
+                <Invoice.InvoiceHeader
+                    title='自定义'
+                />
+            }
+        />
+    )
+};

package/src/Invoice/Invoice-digtal/_test/header/index.tsx

@@ -1,85 +1,85 @@
-import React from 'react';
-import Invoice from '../../..';
-import 'antd/dist/antd.css';
-import InvoiceController from '../../../InvoiceController';
-
-export default () => {
-
-    const invoiceController = React.useMemo(() => new MyInvoiceController(), []);
-
-    return (
-        <Invoice
-            controller={invoiceController}
-            invoiceType='digtal'
-            invoiceHeader={
-                <Invoice.InvoiceHeaderDigtal
-                    defaultNo='2029292029201920291029'
-                    defaultInvoicingDate='2023年7月6日'
-                    defaultTag="成品油"
-                />}
-        />
-    )
-};
-
-class MyInvoiceController extends InvoiceController {
-
-    constructor() {
-        super();
-        this.state.autoComplete.onItemNameSearch = async text => {
-            return [
-                {
-                    "itemName": "呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵",
-                    "taxClassificationCode": "1010112070000000000",
-                    "itemModelName": null,
-                    "shorthand": "蔬菜",
-                    "taxRate": undefined
-                },
-                {
-                    "itemName": "稻谷",
-                    "taxClassificationCode": "1010101040000000000",
-                    "itemModelName": null,
-                    "shorthand": "谷物",
-                    "taxRate": 3
-                },
-                {
-                    "itemName": "苹果",
-                    "taxClassificationCode": "1090111090000000000",
-                    "itemModelName": null,
-                    "shorthand": "小型起重设备",
-                    "taxRate": null
-                },
-                {
-                    "itemName": "银丝",
-                    "taxClassificationCode": "1080411120000000000",
-                    "itemModelName": null,
-                    "shorthand": "金属制品",
-                    "taxRate": 3
-                },
-                {
-                    "itemName": "布料",
-                    "taxClassificationCode": "1100101011100000000",
-                    "itemModelName": null,
-                    "shorthand": "发电",
-                    "taxRate": 2
-                },
-                {
-                    "itemName": "苹果",
-                    "taxClassificationCode": "1010115010100000000",
-                    "itemModelName": null,
-                    "shorthand": "水果",
-                    "taxRate": 3
-                }
-            ] as any
-        }
-
-        this.state.autoComplete.onBuyerTaxIdSearch = this.state.autoComplete.onBuyerNameSearch = async test => {
-            return [
-                { buyerName: '测试1', buyerTaxId: 'xxxxx1', buyerPhone:'xxxx1' },
-                { buyerName: '测试2', buyerTaxId: 'xxxxx2', buyerPhone:'xxxx2' },
-                { buyerName: '测试4', buyerTaxId: 'xxxxx4', buyerPhone:'xxxx4' },
-                { buyerName: '测试5', buyerTaxId: 'xxxxx5', buyerPhone:'xxxx5' },
-                { buyerName: '测试6', buyerTaxId: 'xxxxx6', buyerPhone:'xxxx6' },
-            ]
-        }
-    }
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+import InvoiceController from '../../../InvoiceController';
+
+export default () => {
+
+    const invoiceController = React.useMemo(() => new MyInvoiceController(), []);
+
+    return (
+        <Invoice
+            controller={invoiceController}
+            invoiceType='digtal'
+            invoiceHeader={
+                <Invoice.InvoiceHeaderDigtal
+                    defaultNo='2029292029201920291029'
+                    defaultInvoicingDate='2023年7月6日'
+                    defaultTag="成品油"
+                />}
+        />
+    )
+};
+
+class MyInvoiceController extends InvoiceController {
+
+    constructor() {
+        super();
+        this.state.autoComplete.onItemNameSearch = async text => {
+            return [
+                {
+                    "itemName": "呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵",
+                    "taxClassificationCode": "1010112070000000000",
+                    "itemModelName": null,
+                    "shorthand": "蔬菜",
+                    "taxRate": undefined
+                },
+                {
+                    "itemName": "稻谷",
+                    "taxClassificationCode": "1010101040000000000",
+                    "itemModelName": null,
+                    "shorthand": "谷物",
+                    "taxRate": 3
+                },
+                {
+                    "itemName": "苹果",
+                    "taxClassificationCode": "1090111090000000000",
+                    "itemModelName": null,
+                    "shorthand": "小型起重设备",
+                    "taxRate": null
+                },
+                {
+                    "itemName": "银丝",
+                    "taxClassificationCode": "1080411120000000000",
+                    "itemModelName": null,
+                    "shorthand": "金属制品",
+                    "taxRate": 3
+                },
+                {
+                    "itemName": "布料",
+                    "taxClassificationCode": "1100101011100000000",
+                    "itemModelName": null,
+                    "shorthand": "发电",
+                    "taxRate": 2
+                },
+                {
+                    "itemName": "苹果",
+                    "taxClassificationCode": "1010115010100000000",
+                    "itemModelName": null,
+                    "shorthand": "水果",
+                    "taxRate": 3
+                }
+            ] as any
+        }
+
+        this.state.autoComplete.onBuyerTaxIdSearch = this.state.autoComplete.onBuyerNameSearch = async test => {
+            return [
+                { buyerName: '测试1', buyerTaxId: 'xxxxx1', buyerPhone:'xxxx1' },
+                { buyerName: '测试2', buyerTaxId: 'xxxxx2', buyerPhone:'xxxx2' },
+                { buyerName: '测试4', buyerTaxId: 'xxxxx4', buyerPhone:'xxxx4' },
+                { buyerName: '测试5', buyerTaxId: 'xxxxx5', buyerPhone:'xxxx5' },
+                { buyerName: '测试6', buyerTaxId: 'xxxxx6', buyerPhone:'xxxx6' },
+            ]
+        }
+    }
 }