kts-component-invoice-operate 3.2.244 → 3.2.246

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/dist/index.js

@@ -1,92 +1,92 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-exports.__esModule = true;
-var react_1 = require("react");
-var kts_xui_1 = require("kts-xui");
-require("./index.less");
-function InvoiceTypeModal(props) {
-    var _this = this;
-    var _a = props.disableds, disableds = _a === void 0 ? [] : _a;
-    var _b = react_1["default"].useState({ billingType: props.defaultBillingType || 'digital' }), formValues = _b[0], setValues = _b[1];
-    var form = kts_xui_1.Form.useForm()[0];
-    var onConfirm = react_1["default"].useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var values;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, form.validateFields()];
-                case 1:
-                    values = _a.sent();
-                    props.onOk && props.onOk(values);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [props.onOk, form]);
-    var onChangeBillingType = react_1["default"].useCallback(function (e) {
-        props.onChange && props.onChange(e.target.value);
-        form.setFieldsValue({ invoiceType: null, business: null });
-        setValues(form.getFieldsValue());
-    }, [props.onChange, form]);
-    react_1["default"].useEffect(function () {
-        if (props.open) {
-            var 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 (react_1["default"].createElement(kts_xui_1.Modal, { title: props.modalTitle || "选择开具信息", open: props.open, onOk: onConfirm, onCancel: props.onCancel, okText: '\u786E\u5B9A', cancelText: '\u53D6\u6D88' },
-        react_1["default"].createElement(kts_xui_1.Form, { form: form, layout: "vertical", style: { paddingTop: 20 }, onValuesChange: function (_, e) { setValues(e); } },
-            react_1["default"].createElement(kts_xui_1.Row, { gutter: [16, 16] },
-                react_1["default"].createElement(kts_xui_1.Col, { span: 24 },
-                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'billingType' },
-                        react_1["default"].createElement(kts_xui_1.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' },
-                            ] }))),
-                react_1["default"].createElement(kts_xui_1.Col, { span: 12 },
-                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'invoiceType', label: "\u9009\u62E9\u7968\u7C7B", rules: [{ required: true, message: '选择票类必填' }] },
-                        react_1["default"].createElement(kts_xui_1.Select, { size: 'large', allowClear: true, placeholder: "\u8BF7\u9009\u62E9\uFF08\u5FC5\u586B\u9879\uFF09", disabled: disableds.indexOf('invoiceType') >= 0, options: props.invoiceTypeOptions }))),
-                react_1["default"].createElement(kts_xui_1.Col, { span: 12 },
-                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'business', label: "\u7279\u5B9A\u4E1A\u52A1" },
-                        react_1["default"].createElement(kts_xui_1.Select, { size: 'large', allowClear: true, placeholder: "\u8BF7\u9009\u62E9\uFF08\u975E\u5FC5\u586B\u9879\uFF09", disabled: disableds.indexOf('business') >= 0 || !formValues.invoiceType, options: props.businessOptions })))))));
-}
-exports["default"] = InvoiceTypeModal;
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var kts_xui_1 = require("kts-xui");
+require("./index.less");
+function InvoiceTypeModal(props) {
+    var _this = this;
+    var _a = props.disableds, disableds = _a === void 0 ? [] : _a;
+    var _b = react_1["default"].useState({ billingType: props.defaultBillingType || 'digital' }), formValues = _b[0], setValues = _b[1];
+    var form = kts_xui_1.Form.useForm()[0];
+    var onConfirm = react_1["default"].useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var values;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, form.validateFields()];
+                case 1:
+                    values = _a.sent();
+                    props.onOk && props.onOk(values);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [props.onOk, form]);
+    var onChangeBillingType = react_1["default"].useCallback(function (e) {
+        props.onChange && props.onChange(e.target.value);
+        form.setFieldsValue({ invoiceType: null, business: null });
+        setValues(form.getFieldsValue());
+    }, [props.onChange, form]);
+    react_1["default"].useEffect(function () {
+        if (props.open) {
+            var 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 (react_1["default"].createElement(kts_xui_1.Modal, { title: props.modalTitle || "选择开具信息", open: props.open, onOk: onConfirm, onCancel: props.onCancel, okText: '\u786E\u5B9A', cancelText: '\u53D6\u6D88' },
+        react_1["default"].createElement(kts_xui_1.Form, { form: form, layout: "vertical", style: { paddingTop: 20 }, onValuesChange: function (_, e) { setValues(e); } },
+            react_1["default"].createElement(kts_xui_1.Row, { gutter: [16, 16] },
+                react_1["default"].createElement(kts_xui_1.Col, { span: 24 },
+                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'billingType' },
+                        react_1["default"].createElement(kts_xui_1.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' },
+                            ] }))),
+                react_1["default"].createElement(kts_xui_1.Col, { span: 12 },
+                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'invoiceType', label: "\u9009\u62E9\u7968\u7C7B", rules: [{ required: true, message: '选择票类必填' }] },
+                        react_1["default"].createElement(kts_xui_1.Select, { size: 'large', allowClear: true, placeholder: "\u8BF7\u9009\u62E9\uFF08\u5FC5\u586B\u9879\uFF09", disabled: disableds.indexOf('invoiceType') >= 0, options: props.invoiceTypeOptions }))),
+                react_1["default"].createElement(kts_xui_1.Col, { span: 12 },
+                    react_1["default"].createElement(kts_xui_1.Form.Item, { name: 'business', label: "\u7279\u5B9A\u4E1A\u52A1" },
+                        react_1["default"].createElement(kts_xui_1.Select, { size: 'large', allowClear: true, placeholder: "\u8BF7\u9009\u62E9\uFF08\u975E\u5FC5\u586B\u9879\uFF09", disabled: disableds.indexOf('business') >= 0 || !formValues.invoiceType, options: props.businessOptions })))))));
+}
+exports["default"] = InvoiceTypeModal;

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>