kts-component-invoice-operate 3.2.165 → 3.2.166

package/src/Invoice/ui/digtal/Stakeholder/svg/arrowDown.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/src/Invoice/ui/digtal/Stakeholder/svg/arrowUp.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/src/Invoice/ui/digtal/Stakeholder/svg/plus.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/src/InvoiceTypeModal/_test/easiest/index.tsx

@@ -1,31 +1,31 @@
-import React from 'react';
-import { InvoiceTypeModal } from '../../..';
-import { Button } from 'kts-xui';
-
-export default () => {
-
-    const [open, setOpen] = React.useState(false);
-
-    return (
-        <>
-            <Button onClick={() => { setOpen(true) }} >打开</Button>
-            <InvoiceTypeModal
-                open={open}
-                onOk={e => console.log(e)}
-                onCancel={() => { setOpen(false) }}
-                defaultBusiness='1'
-                defaultInvoiceType='1'
-                businessOptions={[
-                    { label: '成品油', value: '1' }
-                ]}
-                invoiceTypeOptions={[
-                    { label: '类型1', value: '1' },
-                    { label: '类型2', value: '2' },
-                    { label: '类型3', value: '3' },
-                    { label: '类型4', value: '4' },
-                    { label: '类型5', value: '5' },
-                ]}
-            />
-        </>
-    )
-};
+import React from 'react';
+import { InvoiceTypeModal } from '../../..';
+import { Button } from 'kts-xui';
+
+export default () => {
+
+    const [open, setOpen] = React.useState(false);
+
+    return (
+        <>
+            <Button onClick={() => { setOpen(true) }} >打开</Button>
+            <InvoiceTypeModal
+                open={open}
+                onOk={e => console.log(e)}
+                onCancel={() => { setOpen(false) }}
+                defaultBusiness='1'
+                defaultInvoiceType='1'
+                businessOptions={[
+                    { label: '成品油', value: '1' }
+                ]}
+                invoiceTypeOptions={[
+                    { label: '类型1', value: '1' },
+                    { label: '类型2', value: '2' },
+                    { label: '类型3', value: '3' },
+                    { label: '类型4', value: '4' },
+                    { label: '类型5', value: '5' },
+                ]}
+            />
+        </>
+    )
+};

package/src/InvoiceTypeModal/index.less

@@ -1,8 +1,8 @@
-.goods-list-digtal-reselect-invoice-typeModal-radio {
-  width  : 100%;
-  display: flex !important; 
-
-  &>label {
-    flex: 1;
-  }
+.goods-list-digtal-reselect-invoice-typeModal-radio {
+  width  : 100%;
+  display: flex !important; 
+
+  &>label {
+    flex: 1;
+  }
 }

package/src/InvoiceTypeModal/index.md

@@ -1,6 +1,6 @@
-# InvoiceTypeModal
-
-## 简单用法
-<code src="./_test/easiest/index.tsx" ></code>
-
+# InvoiceTypeModal
+
+## 简单用法
+<code src="./_test/easiest/index.tsx" ></code>
+
 <API name="API" exports='["default"]' src="./index.tsx" ></API>

package/src/InvoiceTypeModal/index.tsx

@@ -1,162 +1,162 @@
-
-import React from "react";
-import { Col, Form, Modal, Radio, Row, Select } from "kts-xui";
-import { DefaultOptionType } from "kts-components-antd-x4/lib/select";
-import './index.less';
-
-export interface IFormValues {
-
-    /** 开票种类 */
-    billingType: 'digital' | 'taxation';
-
-    /** 特定业务 */
-    business?: any;
-
-    /** 选择票类 */
-    invoiceType?: any;
-}
-
-export interface IInvoiceTypeModalProps {
-
-    /** 是否禁用 */
-    isDisabled?: boolean;
-
-    /** 窗口标题 */
-    modalTitle?: string;
-
-    /** 是否开启 */
-    open?: boolean;
-
-    /** 点击了确认 */
-    onOk?: (values: IFormValues) => void;
-
-    /** 点击了取消 */
-    onCancel?: () => void;
-
-    /** 切换了 开票种类 */
-    onChange?: (e: 'digital' | 'taxation') => void;
-    
-    /** 切换了 发票类型 */
-    onInvoiceTypeChange?: (e: any) => void;
-
-    /** 禁用列表 */
-    disableds?: ('billingType' | 'invoiceType' | 'business')[];
-
-    /** 选择票类 选项 */
-    invoiceTypeOptions?: DefaultOptionType[];
-
-    /** 特定业务 选项 */
-    businessOptions?: DefaultOptionType[];
-
-    /** 票类默认值 */
-    defaultInvoiceType?: any;
-
-    /** 特定业务默认值 */
-    defaultBusiness?: any;
-
-    /** 开票种类 默认值 */
-    defaultBillingType?: 'digital' | 'taxation';
-}
-
-export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
-
-    const { disableds = [] } = props;
-
-    const [formValues, setValues] = React.useState<IFormValues>({ billingType: props.defaultBillingType || 'digital' });
-
-    const [form] = Form.useForm<IFormValues>();
-
-    const onConfirm = React.useCallback(async () => {
-        const values = await form.validateFields();
-        props.onOk && props.onOk(values);
-    }, [props.onOk, form])
-
-    const onChangeBillingType = React.useCallback(e => {
-        props.onChange && props.onChange(e.target.value);
-        form.setFieldsValue({ invoiceType: null, business: null });
-        setValues(form.getFieldsValue());
-    }, [props.onChange, form])
-    const onInvoiceTypeChange = React.useCallback(value => {
-        props.onInvoiceTypeChange && props.onInvoiceTypeChange(value);
-        form.setFieldsValue({ business: null });
-        setValues(form.getFieldsValue());
-    }, [props.onInvoiceTypeChange, form])
-    React.useEffect(() => {
-        if (props.open) {
-            const values = {
-                billingType: props.defaultBillingType || 'digital',
-                invoiceType: props.defaultInvoiceType,
-                business: props.defaultBusiness,
-            }
-
-            form.resetFields();
-            form.setFieldsValue(values);
-            setValues(values);
-        }
-    }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form])
-
-    return (
-        <Modal
-            title={props.modalTitle || "选择开具信息"}
-            open={props.open}
-            onOk={onConfirm}
-            onCancel={props.onCancel}
-            okText='确定'
-            cancelText='取消'
-        >
-            <Form
-                form={form}
-                layout="vertical"
-                style={{ paddingTop: 20 }}
-                onValuesChange={(_, e) => { setValues(e) }}
-            >
-                <Row gutter={[16, 16]}>
-                    <Col span={24} >
-                        <Form.Item name='billingType' >
-                            <Radio.Group
-                                size='large'
-                                className="goods-list-digtal-reselect-invoice-typeModal-radio"
-                                optionType="button"
-                                disabled={disableds.indexOf('billingType') >= 0}
-                                onChange={onChangeBillingType}
-                                options={[
-                                    { label: '数电发票', value: 'digital' },
-                                    { label: '税控发票', value: 'taxation' },
-                                ]}
-                            />
-                        </Form.Item>
-                    </Col>
-
-                    <Col span={12} >
-                        <Form.Item
-                            name='invoiceType'
-                            label="选择票类"
-                            rules={[{ required: true, message: '选择票类必填' }]}
-                        >
-                            <Select
-                                size='large'
-                                allowClear
-                                placeholder="请选择（必填项）"
-                                disabled={disableds.indexOf('invoiceType') >= 0}
-                                options={props.invoiceTypeOptions}
-                                onChange={onInvoiceTypeChange}
-                            />
-                        </Form.Item>
-                    </Col>
-
-                    <Col span={12} >
-                        <Form.Item name='business' label="特定业务">
-                            <Select
-                                size='large'
-                                allowClear
-                                placeholder="请选择（非必填项）"
-                                disabled={disableds.indexOf('business') >= 0 || !formValues.invoiceType}
-                                options={props.businessOptions}
-                            />
-                        </Form.Item>
-                    </Col>
-                </Row>
-            </Form>
-        </Modal>
-    )
+
+import React from "react";
+import { Col, Form, Modal, Radio, Row, Select } from "kts-xui";
+import { DefaultOptionType } from "kts-components-antd-x4/lib/select";
+import './index.less';
+
+export interface IFormValues {
+
+    /** 开票种类 */
+    billingType: 'digital' | 'taxation';
+
+    /** 特定业务 */
+    business?: any;
+
+    /** 选择票类 */
+    invoiceType?: any;
+}
+
+export interface IInvoiceTypeModalProps {
+
+    /** 是否禁用 */
+    isDisabled?: boolean;
+
+    /** 窗口标题 */
+    modalTitle?: string;
+
+    /** 是否开启 */
+    open?: boolean;
+
+    /** 点击了确认 */
+    onOk?: (values: IFormValues) => void;
+
+    /** 点击了取消 */
+    onCancel?: () => void;
+
+    /** 切换了 开票种类 */
+    onChange?: (e: 'digital' | 'taxation') => void;
+    
+    /** 切换了 发票类型 */
+    onInvoiceTypeChange?: (e: any) => void;
+
+    /** 禁用列表 */
+    disableds?: ('billingType' | 'invoiceType' | 'business')[];
+
+    /** 选择票类 选项 */
+    invoiceTypeOptions?: DefaultOptionType[];
+
+    /** 特定业务 选项 */
+    businessOptions?: DefaultOptionType[];
+
+    /** 票类默认值 */
+    defaultInvoiceType?: any;
+
+    /** 特定业务默认值 */
+    defaultBusiness?: any;
+
+    /** 开票种类 默认值 */
+    defaultBillingType?: 'digital' | 'taxation';
+}
+
+export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
+
+    const { disableds = [] } = props;
+
+    const [formValues, setValues] = React.useState<IFormValues>({ billingType: props.defaultBillingType || 'digital' });
+
+    const [form] = Form.useForm<IFormValues>();
+
+    const onConfirm = React.useCallback(async () => {
+        const values = await form.validateFields();
+        props.onOk && props.onOk(values);
+    }, [props.onOk, form])
+
+    const onChangeBillingType = React.useCallback(e => {
+        props.onChange && props.onChange(e.target.value);
+        form.setFieldsValue({ invoiceType: null, business: null });
+        setValues(form.getFieldsValue());
+    }, [props.onChange, form])
+    const onInvoiceTypeChange = React.useCallback(value => {
+        props.onInvoiceTypeChange && props.onInvoiceTypeChange(value);
+        form.setFieldsValue({ business: null });
+        setValues(form.getFieldsValue());
+    }, [props.onInvoiceTypeChange, form])
+    React.useEffect(() => {
+        if (props.open) {
+            const values = {
+                billingType: props.defaultBillingType || 'digital',
+                invoiceType: props.defaultInvoiceType,
+                business: props.defaultBusiness,
+            }
+
+            form.resetFields();
+            form.setFieldsValue(values);
+            setValues(values);
+        }
+    }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form])
+
+    return (
+        <Modal
+            title={props.modalTitle || "选择开具信息"}
+            open={props.open}
+            onOk={onConfirm}
+            onCancel={props.onCancel}
+            okText='确定'
+            cancelText='取消'
+        >
+            <Form
+                form={form}
+                layout="vertical"
+                style={{ paddingTop: 20 }}
+                onValuesChange={(_, e) => { setValues(e) }}
+            >
+                <Row gutter={[16, 16]}>
+                    <Col span={24} >
+                        <Form.Item name='billingType' >
+                            <Radio.Group
+                                size='large'
+                                className="goods-list-digtal-reselect-invoice-typeModal-radio"
+                                optionType="button"
+                                disabled={disableds.indexOf('billingType') >= 0}
+                                onChange={onChangeBillingType}
+                                options={[
+                                    { label: '数电发票', value: 'digital' },
+                                    { label: '税控发票', value: 'taxation' },
+                                ]}
+                            />
+                        </Form.Item>
+                    </Col>
+
+                    <Col span={12} >
+                        <Form.Item
+                            name='invoiceType'
+                            label="选择票类"
+                            rules={[{ required: true, message: '选择票类必填' }]}
+                        >
+                            <Select
+                                size='large'
+                                allowClear
+                                placeholder="请选择（必填项）"
+                                disabled={disableds.indexOf('invoiceType') >= 0}
+                                options={props.invoiceTypeOptions}
+                                onChange={onInvoiceTypeChange}
+                            />
+                        </Form.Item>
+                    </Col>
+
+                    <Col span={12} >
+                        <Form.Item name='business' label="特定业务">
+                            <Select
+                                size='large'
+                                allowClear
+                                placeholder="请选择（非必填项）"
+                                disabled={disableds.indexOf('business') >= 0 || !formValues.invoiceType}
+                                options={props.businessOptions}
+                            />
+                        </Form.Item>
+                    </Col>
+                </Row>
+            </Form>
+        </Modal>
+    )
 }