kts-component-invoice-operate 3.2.4 → 3.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/InvoiceTypeModal/dist/index.js

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

package/src/InvoiceTypeModal/index.tsx

@@ -63,7 +63,13 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
     const onConfirm = React.useCallback(async () => {
         const values = await form.validateFields();
         props.onOk && props.onOk(values);
-    }, [props.onOk])
+    }, [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])
 
     React.useEffect(() => {
         if (props.open) {
@@ -102,7 +108,7 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
                                 className="goods-list-digtal-reselect-invoice-typeModal-radio"
                                 optionType="button"
                                 disabled={disableds.indexOf('billingType') >= 0}
-                                onChange={e => { props.onChange && props.onChange(e.target.value) }}
+                                onChange={onChangeBillingType}
                                 options={[
                                     { label: '数电发票', value: 'digital' },
                                     { label: '税控发票', value: 'taxation' },