kts-component-invoice-operate 3.1.12 → 3.1.13

package/src/Invoice/index.tsx

@@ -1,104 +1,104 @@
-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 idGenerator from './tools/idGenerator';
-
-/** 发票组件的上下文 */
-export const InvoiceContext = React.createContext<InvoiceController>(
-  undefined as any,
-);
-
-export interface IInvoiceProps {
-  /** 发票数据控制器 */
-  controller?: InvoiceController;
-
-  /** 发票头UI */
-  invoiceHeader?: React.ReactNode;
-
-  /** 货物列表UI */
-  goodsList?: React.ReactNode;
-
-  /** 购买方UI */
-  buyer?: React.ReactNode;
-
-  /** 销售方UI */
-  seller?: React.ReactNode;
-
-  /** 落款UI */
-  sign?: React.ReactNode;
-
-  /** 底部扩展UI */
-  footExpand?: React.ReactNode;
-}
-
-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 idGenerator = idGenerator;
-
-  /** 获取控制器钩子 */
-  static useInvoiceController = () => { return React.useContext(InvoiceContext) };
-
-  render() {
-    return <Main {...this.props}></Main>;
-  }
-}
-
-const Main = (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" ref={controller.pipeline<HTMLDivElement | null>(async (s, e) => { s.rootElement = e })} >
-        {props.invoiceHeader || <InvoiceHeader /> /**    发票头 */}
-        {props.buyer || <Buyer /> /**                    购买方 */}
-        {props.goodsList || <GoodsList /> /**            货物列表 */}
-        {props.seller || <Seller /> /**                  销售方 */}
-        {props.sign || <Sign /> /**                      落款 */}
-        {props.footExpand}
-      </div>
-
-      <ImportBuyerDrawer />{/*         导入购买方的抽屉 */}
-      <ImportGoodsDrawer />{/*         导入货品的抽屉 */}
-      <EndowCodeDrawer />{/*           给货品赋码的抽屉 */}
-      <AddComparisonDrawer />{/*       添加商品对照的抽屉 */}
-    </InvoiceContext.Provider>
-  );
-};
-
-
+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 idGenerator from './tools/idGenerator';
+
+/** 发票组件的上下文 */
+export const InvoiceContext = React.createContext<InvoiceController>(
+  undefined as any,
+);
+
+export interface IInvoiceProps {
+  /** 发票数据控制器 */
+  controller?: InvoiceController;
+
+  /** 发票头UI */
+  invoiceHeader?: React.ReactNode;
+
+  /** 货物列表UI */
+  goodsList?: React.ReactNode;
+
+  /** 购买方UI */
+  buyer?: React.ReactNode;
+
+  /** 销售方UI */
+  seller?: React.ReactNode;
+
+  /** 落款UI */
+  sign?: React.ReactNode;
+
+  /** 底部扩展UI */
+  footExpand?: React.ReactNode;
+}
+
+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 idGenerator = idGenerator;
+
+  /** 获取控制器钩子 */
+  static useInvoiceController = () => { return React.useContext(InvoiceContext) };
+
+  render() {
+    return <Main {...this.props}></Main>;
+  }
+}
+
+const Main = (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" ref={controller.pipeline<HTMLDivElement | null>(async (s, e) => { s.rootElement = e })} >
+        {props.invoiceHeader || <InvoiceHeader /> /**    发票头 */}
+        {props.buyer || <Buyer /> /**                    购买方 */}
+        {props.goodsList || <GoodsList /> /**            货物列表 */}
+        {props.seller || <Seller /> /**                  销售方 */}
+        {props.sign || <Sign /> /**                      落款 */}
+        {props.footExpand}
+      </div>
+
+      <ImportBuyerDrawer />{/*         导入购买方的抽屉 */}
+      <ImportGoodsDrawer />{/*         导入货品的抽屉 */}
+      <EndowCodeDrawer />{/*           给货品赋码的抽屉 */}
+      <AddComparisonDrawer />{/*       添加商品对照的抽屉 */}
+    </InvoiceContext.Provider>
+  );
+};
+
+

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

@@ -1,97 +1,97 @@
-
-import { chain, bignumber } from 'mathjs';
-
-
-/** 格式化 保留2位小数 */
-export const format2 = (value: number | string) => {
-    if (value === Infinity) return '';
-    if (`${value}` === 'NaN') return '';
-    if (typeof value === 'string') value = parseFloat(value);
-    return parseFloat(value.toFixed(2));
-};
-
-
-/** 格式化 保留15位数字 */
-export const format15 = (value: number | string, defaultFractionDigits: number = 8) => {
-    if (value === Infinity) return '';
-    if (`${value}` === 'NaN') return '';
-    if (typeof value === 'string') value = parseFloat(value);
-
-    const fractionDigits = 15 - `${value || 0}`.indexOf('.');
-    return parseFloat(value.toFixed(fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits));
-};
-
-
-/**
- * 金额(含税) = 数量 * 单价(含税) 
- * @param quantity 数量
- * @param priceIncludeTax 单价(含税) 
- * @returns 金额(含税)
- */
-export function countAmountIncludeTax(quantity?: number | string, priceIncludeTax?: number | string, calculatingDigits?: number): number | undefined {
-    if (!quantity && quantity !== 0) return undefined;
-    if (!priceIncludeTax && priceIncludeTax !== 0) return undefined;
-
-    quantity = format15(quantity, calculatingDigits);
-    priceIncludeTax = format15(priceIncludeTax, calculatingDigits);
-
-    return parseFloat(chain(bignumber(priceIncludeTax)).multiply(bignumber(quantity)).done().toNumber().toFixed(2));
-    // return parseFloat(evaluate(`${priceIncludeTax} * ${quantity}`).toFixed(2));
-}
-
-/**
- * 不含税金额 = 含税金额-税额
- * @param amountIncludeTax 含税金额
- * @param taxAmount 税额
- * @returns 不含税金额
- */
-export function countAmountExcludeTax(amountIncludeTax: string | number, taxAmount: number): number | undefined {
-    if (!amountIncludeTax && amountIncludeTax !== 0) return undefined;
-    if (!taxAmount && taxAmount !== 0) return undefined;
-
-    return chain(bignumber(amountIncludeTax)).subtract(bignumber(taxAmount)).done().toNumber();
-}
-
-/**
- * 税额 = (含税金额-扣除额)/(1+税率)*税率 
- * @param amountIncludeTax 含税金额
- * @param deduction 扣除额
- * @param taxRate 税率
- * @returns 税额
- */
-export function countTaxAmount(amountIncludeTax: string | number, deduction: number, taxRate: number): number | undefined {
-    
-    if (!amountIncludeTax && amountIncludeTax !== 0) return undefined;
-    if (!deduction && deduction !== 0) return undefined;
-    if (!taxRate && taxRate !== 0) return undefined;
-
-    const taxRateBu = chain(bignumber(taxRate)).divide(bignumber(100)).done();
-
-    return parseFloat(chain(bignumber(amountIncludeTax))
-        .subtract(bignumber(deduction))
-        .divide(chain(bignumber(1)).add(taxRateBu).done())
-        .multiply(taxRateBu)
-        .done()
-        .toNumber()
-        .toFixed(2))
-}
-
-/**
- * 单价 = 金额/数量
- * @param amount 金额
- * @param quantity 数量
- * @returns 单价
- */
-export function countPrice(amount: string | number, quantity: string | number, calculatingDigits?: number): number | undefined | '' {
-    if (!amount && amount !== 0) return undefined;
-    if (!quantity && quantity !== 0) return undefined;
-
-    return format15(chain(bignumber(amount)).divide(bignumber(quantity))
-        .done()
-        .toNumber(), calculatingDigits)
-}
-
-
-
-
-
+
+import { chain, bignumber } from 'mathjs';
+
+
+/** 格式化 保留2位小数 */
+export const format2 = (value: number | string) => {
+    if (value === Infinity) return '';
+    if (`${value}` === 'NaN') return '';
+    if (typeof value === 'string') value = parseFloat(value);
+    return parseFloat(value.toFixed(2));
+};
+
+
+/** 格式化 保留15位数字 */
+export const format15 = (value: number | string, defaultFractionDigits: number = 8) => {
+    if (value === Infinity) return '';
+    if (`${value}` === 'NaN') return '';
+    if (typeof value === 'string') value = parseFloat(value);
+
+    const fractionDigits = 15 - `${value || 0}`.indexOf('.');
+    return parseFloat(value.toFixed(fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits));
+};
+
+
+/**
+ * 金额(含税) = 数量 * 单价(含税) 
+ * @param quantity 数量
+ * @param priceIncludeTax 单价(含税) 
+ * @returns 金额(含税)
+ */
+export function countAmountIncludeTax(quantity?: number | string, priceIncludeTax?: number | string, calculatingDigits?: number): number | undefined {
+    if (!quantity && quantity !== 0) return undefined;
+    if (!priceIncludeTax && priceIncludeTax !== 0) return undefined;
+
+    quantity = format15(quantity, calculatingDigits);
+    priceIncludeTax = format15(priceIncludeTax, calculatingDigits);
+
+    return parseFloat(chain(bignumber(priceIncludeTax)).multiply(bignumber(quantity)).done().toNumber().toFixed(2));
+    // return parseFloat(evaluate(`${priceIncludeTax} * ${quantity}`).toFixed(2));
+}
+
+/**
+ * 不含税金额 = 含税金额-税额
+ * @param amountIncludeTax 含税金额
+ * @param taxAmount 税额
+ * @returns 不含税金额
+ */
+export function countAmountExcludeTax(amountIncludeTax: string | number, taxAmount: number): number | undefined {
+    if (!amountIncludeTax && amountIncludeTax !== 0) return undefined;
+    if (!taxAmount && taxAmount !== 0) return undefined;
+
+    return chain(bignumber(amountIncludeTax)).subtract(bignumber(taxAmount)).done().toNumber();
+}
+
+/**
+ * 税额 = (含税金额-扣除额)/(1+税率)*税率 
+ * @param amountIncludeTax 含税金额
+ * @param deduction 扣除额
+ * @param taxRate 税率
+ * @returns 税额
+ */
+export function countTaxAmount(amountIncludeTax: string | number, deduction: number, taxRate: number): number | undefined {
+    
+    if (!amountIncludeTax && amountIncludeTax !== 0) return undefined;
+    if (!deduction && deduction !== 0) return undefined;
+    if (!taxRate && taxRate !== 0) return undefined;
+
+    const taxRateBu = chain(bignumber(taxRate)).divide(bignumber(100)).done();
+
+    return parseFloat(chain(bignumber(amountIncludeTax))
+        .subtract(bignumber(deduction))
+        .divide(chain(bignumber(1)).add(taxRateBu).done())
+        .multiply(taxRateBu)
+        .done()
+        .toNumber()
+        .toFixed(2))
+}
+
+/**
+ * 单价 = 金额/数量
+ * @param amount 金额
+ * @param quantity 数量
+ * @returns 单价
+ */
+export function countPrice(amount: string | number, quantity: string | number, calculatingDigits?: number): number | undefined | '' {
+    if (!amount && amount !== 0) return undefined;
+    if (!quantity && quantity !== 0) return undefined;
+
+    return format15(chain(bignumber(amount)).divide(bignumber(quantity))
+        .done()
+        .toNumber(), calculatingDigits)
+}
+
+
+
+
+

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

@@ -1,18 +1,18 @@
-
-
-const keys: { [key: string]: any } = {}
-
-/**
- * 有冷却时间的函数
- * @param fn 方法
- * @param key 方法key
- * @param delayed 冷却时间
- */
-export default (key: string = 'default', delayed: number = 200, fn: Function) => {
-    if (keys[key]) {
-        return;
-    } else {
-        fn();
-        keys[key] = setTimeout(() => { delete keys[key] }, delayed);
-    }
+
+
+const keys: { [key: string]: any } = {}
+
+/**
+ * 有冷却时间的函数
+ * @param fn 方法
+ * @param key 方法key
+ * @param delayed 冷却时间
+ */
+export default (key: string = 'default', delayed: number = 200, fn: Function) => {
+    if (keys[key]) {
+        return;
+    } else {
+        fn();
+        keys[key] = setTimeout(() => { delete keys[key] }, delayed);
+    }
 }

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

@@ -1,7 +1,7 @@
-import { create, all } from 'mathjs';
-
-const math = create(all, { number: 'BigNumber', precision: 20 }) as any;
-
-export default (expr: any, fractionDigits = 20) => {
-  return parseFloat(math.evaluate(expr).toFixed(fractionDigits));
-};
+import { create, all } from 'mathjs';
+
+const math = create(all, { number: 'BigNumber', precision: 20 }) as any;
+
+export default (expr: any, fractionDigits = 20) => {
+  return parseFloat(math.evaluate(expr).toFixed(fractionDigits));
+};

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

@@ -1,3 +1,3 @@
-
-import { v4 as uuidv4 } from 'uuid';
+
+import { v4 as uuidv4 } from 'uuid';
 export default () => uuidv4();

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

@@ -1,47 +1,47 @@
-
-export interface ISN {
-
-    /** 简称 */
-    shorthand?: string;
-
-    /** 全称 */
-    full: string
-}
-
-/** 拆分全称加简称 */
-export const getSN = (value?: string): ISN | undefined => {
-    if (!value) return undefined;
-    const arr = value.match(/\*[^*]+\*/);
-    if (arr && arr[0]) {
-        return { shorthand: arr[0].split('*')[1], full: value.replace(arr[0], '') };
-    } else {
-        return { shorthand: undefined, full: value };
-    }
-};
-
-/** 组合全称加简称 */
-export const getItemName = (value: ISN) => {
-    if (value.shorthand) {
-        return `*${value.shorthand}*${value.full}`;
-    } else {
-        return value.full;
-    }
-}
-
-/** 设置全称 */
-export const setFull = (name?:string, full?:string) => {
-    const sn = getSN(name);
-    if(!sn) return full;
-    sn.full = full || '';
-    return getItemName(sn);
-}
-
-/** 设置简称 */
-export const setShorthand = (name?:string, shorthand?:string) => {
-    if(!name) return undefined
-
-    const sn = getSN(name);
-    if(!sn) return undefined;
-    sn.shorthand = shorthand || '';
-    return getItemName(sn);
+
+export interface ISN {
+
+    /** 简称 */
+    shorthand?: string;
+
+    /** 全称 */
+    full: string
+}
+
+/** 拆分全称加简称 */
+export const getSN = (value?: string): ISN | undefined => {
+    if (!value) return undefined;
+    const arr = value.match(/\*[^*]+\*/);
+    if (arr && arr[0]) {
+        return { shorthand: arr[0].split('*')[1], full: value.replace(arr[0], '') };
+    } else {
+        return { shorthand: undefined, full: value };
+    }
+};
+
+/** 组合全称加简称 */
+export const getItemName = (value: ISN) => {
+    if (value.shorthand) {
+        return `*${value.shorthand}*${value.full}`;
+    } else {
+        return value.full;
+    }
+}
+
+/** 设置全称 */
+export const setFull = (name?:string, full?:string) => {
+    const sn = getSN(name);
+    if(!sn) return full;
+    sn.full = full || '';
+    return getItemName(sn);
+}
+
+/** 设置简称 */
+export const setShorthand = (name?:string, shorthand?:string) => {
+    if(!name) return undefined
+
+    const sn = getSN(name);
+    if(!sn) return undefined;
+    sn.shorthand = shorthand || '';
+    return getItemName(sn);
 }

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

@@ -1,20 +1,20 @@
-/** 延迟函数 */
-export default (fn: Function, delayed: number = 200) => {
-    // let timer: any = 0;
-    // return (...par: any[]) => {
-    //     if (timer === 0) {
-    //         timer = setTimeout(() => {
-    //             fn.apply(null, par);
-    //             timer = 0;
-    //         }, delayed);
-    //     }
-    // }
-    let timer: any;
-    return (...par: any[]) => {
-        if (timer) return;
-        timer = setTimeout(() => {
-            timer = undefined;
-            fn.apply(null, par);
-        }, delayed);
-    }
+/** 延迟函数 */
+export default (fn: Function, delayed: number = 200) => {
+    // let timer: any = 0;
+    // return (...par: any[]) => {
+    //     if (timer === 0) {
+    //         timer = setTimeout(() => {
+    //             fn.apply(null, par);
+    //             timer = 0;
+    //         }, delayed);
+    //     }
+    // }
+    let timer: any;
+    return (...par: any[]) => {
+        if (timer) return;
+        timer = setTimeout(() => {
+            timer = undefined;
+            fn.apply(null, par);
+        }, delayed);
+    }
 }