npm - kts-component-invoice-operate - Versions diffs - 3.1.19 → 3.2.0 - Mend

kts-component-invoice-operate 3.1.19 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/index.html CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,60 +1,60 @@
-{
-  "name": "kts-component-invoice-operate",
-  "version": "3.1.19",
-  "scripts": {
-    "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.0",
+  "scripts": {
+    "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 ADDED Viewed

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+export default () => <Invoice invoiceType='digtal' />;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+export default () => {
+    return (
+        <Invoice
+            invoiceType='digtal'
+            invoiceHeader={
+                <Invoice.InvoiceHeaderDigtal
+                    defaultNo='2029292029201920291029'
+                    defaultInvoicingDate='2023年7月6日'
+                    defaultTag="成品油"
+                />}
+        />
+    )
+};

package/src/Invoice/Invoice-digtal/_test/readOnly/index.tsx ADDED Viewed

@@ -0,0 +1,42 @@
+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.model = 'readOnly' }); // 设置只读
+            await controller.formList.get('invoiceHeader')?.setFieldsValue({
+                no: '2029292029201920291029',
+                invoicingDate: '2023年7月6日',
+                tag:'成品油',
+            })
+            await controller.formList.get('stakeholder')?.setFieldsValue({
+                buyerName: '购买方名称',
+                buyerTaxId: 'xxxxxxxxxx',
+                buyerAddress: '购买方地址',
+                buyerPhone: '15800000000',
+                buyerBank: '购买方开户银行',
+                buyerAccount: '银行账号',
+                supplierName: '销售方名称',
+                supplierTaxId: 'xxxxxxxxxxxx',
+                sellerAddress: '购买方地址',
+                sellerPhone: '15800000000',
+                sellerBank: '购买方开户银行',
+                sellerAccount: '银行账号',
+            })
+            await controller.formList.get('sign')?.setFieldsValue({
+                remark: '备注',
+                issuer: '张自豪',
+            })
+        })()
+    }, [controller])
+    return (
+        <Invoice invoiceType='digtal' controller={controller} />
+    )
+};

package/src/Invoice/Invoice-digtal/_test/stakeholder/index.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+export default () => {
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
+    return (
+        <Invoice controller={controller} invoiceType='digtal' />
+    )
+};

package/src/Invoice/Invoice-digtal/_test/typeSelection/index.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+export default () => {
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
+    React.useEffect(() => {
+        controller.run(async s => {
+            s.typeModalProps = {
+                businessOptions: [
+                    { label: '成品油', value: '1' }
+                ],
+                invoiceTypeOptions: [
+                    { label: '类型1', value: '1' },
+                    { label: '类型2', value: '2' },
+                    { label: '类型3', value: '3' },
+                    { label: '类型4', value: '4' },
+                ],
+                onOk: (e => { console.log(e) })
+            }
+        })
+    }, [controller])
+    return (
+        <Invoice invoiceType='digtal' controller={controller} />
+    )
+};

package/src/Invoice/Invoice-digtal/index.md ADDED Viewed

@@ -0,0 +1,19 @@
+# 数电
+## 简单用法
+<code src="./_test/easiest/index.tsx"></code>
+## 只读模式
+<code src="./_test/readOnly/index.tsx"></code>
+## 发票号码 & 开票日期 & 标签
+<code src="./_test/header/index.tsx"></code>
+## 导入关系人
+<code src="./_test/stakeholder/index.tsx"></code>
+## 类型选择
+<code src="./_test/typeSelection/index.tsx"></code>
+## 表单禁用
+<code src="./_test/disabled/index.tsx"></code>

package/src/Invoice/InvoiceController/InvoiceControllerForm/index.ts CHANGED Viewed

@@ -1,94 +1,94 @@
-import React from 'react';
-import GreyReactBox from 'grey-react-box';
-import { chain, bignumber } from 'mathjs';
-import InvoiceControllerState from '../InvoiceControllerState';
-import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
-export default class InvoiceControllerForm extends GreyReactBox<InvoiceControllerState> {
-  /** form 字典 */
-  readonly formList = new Map<string, WrappedFormUtils>();
-  /** 注册 form */
-  useForm(key: string, value: WrappedFormUtils) {
-    /** 注册 form 到组件 */
-    React.useEffect(() => {
-      this.formList.set(key, value);
-      return () => {
-        this.formList.delete(key);
-      };
-    }, [value, key]);
-  }
-  /** 校验所有表单 */
-  async validateFields(): Promise<{ errors: Map<string, any>; values: Map<string, any> }> {
-    await this.wait();
-    const _errors = new Map<string, any>();
-    const _values = new Map<string, any>();
-    const arr = Array.from(this.formList);
-    for (let i = 0; i < arr.length; i++) {
-      const key = arr[i][0];
-      const { errors, values } = await validateFields(arr[i][1]);
-      errors && _errors.set(key, errors);
-      _values && _values.set(key, values);
-    }
-    // 列表数据
-    if (this.state.goodsListState.form) {
-      try {
-        await this.state.goodsListState.form?.validateFields()
-      } catch (error:any) {
-        _errors.set('goodsList', error.errors);
-      }
-    }
-    _values.set('goodsList', this.state.goodsListState.goodsList.slice());
-    // 金额（含税）
-    _values.set('lineAmountIncludeTax', (() => {
-      let sum = chain(bignumber(0));
-      this.state.goodsListState.goodsList.forEach(e => {
-        if (!e) return;
-        sum = sum.add(bignumber(e.lineAmountIncludeTax || 0));
-      });
-      return sum.done().toNumber();
-    })());
-    // 金额（不含税）
-    _values.set('lineAmountExcludeTax', (() => {
-      let sum = chain(bignumber(0));
-      this.state.goodsListState.goodsList.forEach(e => {
-        if (!e) return;
-        sum = sum.add(bignumber(e.lineAmountExcludeTax || 0));
-      });
-      return sum.done().toNumber();
-    })());
-    // 税额
-    _values.set('taxAmount', (() => {
-      let sum = chain(bignumber(0));
-      this.state.goodsListState.goodsList.forEach((e) => {
-        if (!e) return;
-        sum = sum.add(bignumber(e.taxAmount || 0));
-      });
-      return sum.done().toNumber();
-    })());
-    // 含税标记
-    _values.set('isTaxIncluded', this.state.goodsListState.isTaxIncluded)
-    return { errors: _errors, values: _values };
-  }
-}
-const validateFields = (form: WrappedFormUtils) => {
-  return new Promise<any>((resolve: (v: any) => void) => {
-    form.validateFields((errors, values) => {
-      resolve({ errors, values });
-    });
-  });
-};
+import React from 'react';
+import GreyReactBox from 'grey-react-box';
+import { chain, bignumber } from 'mathjs';
+import InvoiceControllerState from '../InvoiceControllerState';
+import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
+export default class InvoiceControllerForm extends GreyReactBox<InvoiceControllerState> {
+  /** form 字典 */
+  readonly formList = new Map<string, WrappedFormUtils>();
+  /** 注册 form */
+  useForm(key: string, value: WrappedFormUtils) {
+    /** 注册 form 到组件 */
+    React.useEffect(() => {
+      this.formList.set(key, value);
+      return () => {
+        this.formList.delete(key);
+      };
+    }, [value, key]);
+  }
+  /** 校验所有表单 */
+  async validateFields(): Promise<{ errors: Map<string, any>; values: Map<string, any> }> {
+    await this.wait();
+    const _errors = new Map<string, any>();
+    const _values = new Map<string, any>();
+    const arr = Array.from(this.formList);
+    for (let i = 0; i < arr.length; i++) {
+      const key = arr[i][0];
+      const { errors, values } = await validateFields(arr[i][1]);
+      errors && _errors.set(key, errors);
+      _values && _values.set(key, values);
+    }
+    // 列表数据
+    if (this.state.goodsListState.form) {
+      try {
+        await this.state.goodsListState.form?.validateFields()
+      } catch (error:any) {
+        _errors.set('goodsList', error.errors);
+      }
+    }
+    _values.set('goodsList', this.state.goodsListState.goodsList.slice());
+    // 金额（含税）
+    _values.set('lineAmountIncludeTax', (() => {
+      let sum = chain(bignumber(0));
+      this.state.goodsListState.goodsList.forEach(e => {
+        if (!e) return;
+        sum = sum.add(bignumber(e.lineAmountIncludeTax || 0));
+      });
+      return sum.done().toNumber();
+    })());
+    // 金额（不含税）
+    _values.set('lineAmountExcludeTax', (() => {
+      let sum = chain(bignumber(0));
+      this.state.goodsListState.goodsList.forEach(e => {
+        if (!e) return;
+        sum = sum.add(bignumber(e.lineAmountExcludeTax || 0));
+      });
+      return sum.done().toNumber();
+    })());
+    // 税额
+    _values.set('taxAmount', (() => {
+      let sum = chain(bignumber(0));
+      this.state.goodsListState.goodsList.forEach((e) => {
+        if (!e) return;
+        sum = sum.add(bignumber(e.taxAmount || 0));
+      });
+      return sum.done().toNumber();
+    })());
+    // 含税标记
+    _values.set('isTaxIncluded', this.state.goodsListState.isTaxIncluded)
+    return { errors: _errors, values: _values };
+  }
+}
+const validateFields = (form: WrappedFormUtils) => {
+  return new Promise<any>((resolve: (v: any) => void) => {
+    form.validateFields((errors, values) => {
+      resolve({ errors, values });
+    });
+  });
+};