kts-component-invoice-operate 3.0.6 → 3.0.8
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.
- package/dist/Invoice/ui/GoodsList/hook/useColumns/ui/ItemNameInput/index.d.ts +6 -0
- package/dist/index.esm.js +70 -25
- package/dist/index.js +70 -25
- package/package.json +1 -1
- package/src/Invoice/ui/GoodsList/hook/useColumns/index.tsx +11 -7
- package/src/Invoice/ui/GoodsList/hook/useColumns/ui/ItemNameInput/index.less +10 -0
- package/src/Invoice/ui/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx +34 -0
package/dist/index.esm.js
CHANGED
|
@@ -9398,7 +9398,49 @@ var TitleText = (function (props) {
|
|
|
9398
9398
|
}, "*") : React.createElement(React.Fragment, null), children);
|
|
9399
9399
|
});
|
|
9400
9400
|
|
|
9401
|
-
var
|
|
9401
|
+
var css_248z$6 = ".kts-invoice-operate-goods-list-itemName-input {\n display: flex;\n flex: 1;\n padding-left: 10px;\n height: 31px;\n}\n.has-error .kts-invoice-operate-goods-list-itemName-input {\n border: 1px solid #f5222d;\n}\n";
|
|
9402
|
+
styleInject(css_248z$6);
|
|
9403
|
+
|
|
9404
|
+
function ItemNameInput(props) {
|
|
9405
|
+
var _getShorthand = getShorthand(props.value),
|
|
9406
|
+
shorthand = _getShorthand.shorthand,
|
|
9407
|
+
fullName = _getShorthand.fullName;
|
|
9408
|
+
|
|
9409
|
+
var onChange = React.useCallback(function (e) {
|
|
9410
|
+
var event = _objectSpread2({}, e);
|
|
9411
|
+
|
|
9412
|
+
event.target.value = shorthand ? "*".concat(shorthand, "*").concat(e.target.value) : e.target.value;
|
|
9413
|
+
props.onChange && props.onChange(event);
|
|
9414
|
+
}, []);
|
|
9415
|
+
return React.createElement("div", {
|
|
9416
|
+
className: 'kts-invoice-operate-goods-list-itemName-input'
|
|
9417
|
+
}, shorthand && React.createElement("span", {
|
|
9418
|
+
style: {
|
|
9419
|
+
alignSelf: 'center',
|
|
9420
|
+
fontSize: 12
|
|
9421
|
+
}
|
|
9422
|
+
}, "*", shorthand, "*"), React.createElement(Input, {
|
|
9423
|
+
style: {
|
|
9424
|
+
height: '100%',
|
|
9425
|
+
border: 'none'
|
|
9426
|
+
},
|
|
9427
|
+
value: fullName,
|
|
9428
|
+
onChange: onChange
|
|
9429
|
+
}));
|
|
9430
|
+
}
|
|
9431
|
+
/** 提取简称 */
|
|
9432
|
+
|
|
9433
|
+
var getShorthand = function getShorthand(value) {
|
|
9434
|
+
if (!value) return {};
|
|
9435
|
+
var arr = value.match(/\*[^*]+\*/);
|
|
9436
|
+
var shorthand = arr ? arr[0].split('*')[1] : '';
|
|
9437
|
+
var fullName = shorthand ? value.replace("*".concat(shorthand, "*"), '') : value;
|
|
9438
|
+
return {
|
|
9439
|
+
shorthand: shorthand,
|
|
9440
|
+
fullName: fullName
|
|
9441
|
+
};
|
|
9442
|
+
};
|
|
9443
|
+
|
|
9402
9444
|
var useColumns = (function (form) {
|
|
9403
9445
|
var getFieldDecorator = form.getFieldDecorator,
|
|
9404
9446
|
getFieldValue = form.getFieldValue;
|
|
@@ -9531,10 +9573,13 @@ var useColumns = (function (form) {
|
|
|
9531
9573
|
return validator;
|
|
9532
9574
|
}()
|
|
9533
9575
|
}])
|
|
9534
|
-
})(
|
|
9535
|
-
|
|
9536
|
-
|
|
9537
|
-
|
|
9576
|
+
})( // <MyInput
|
|
9577
|
+
// style={{ flex: 1 }}
|
|
9578
|
+
// onChange={() => {
|
|
9579
|
+
// onChangeItemName(controller, form, record);
|
|
9580
|
+
// }}
|
|
9581
|
+
// />,
|
|
9582
|
+
React.createElement(ItemNameInput, {
|
|
9538
9583
|
onChange: function onChange() {
|
|
9539
9584
|
onChangeItemName(controller, form, record);
|
|
9540
9585
|
}
|
|
@@ -10152,7 +10197,7 @@ var useColumns = (function (form) {
|
|
|
10152
10197
|
ellipsis: true
|
|
10153
10198
|
});
|
|
10154
10199
|
});
|
|
10155
|
-
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
|
|
10200
|
+
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish]);
|
|
10156
10201
|
React.useEffect(function () {
|
|
10157
10202
|
if (!changeField) return;
|
|
10158
10203
|
var t = setTimeout(function () {
|
|
@@ -10809,8 +10854,8 @@ var useRowSelection = (function () {
|
|
|
10809
10854
|
};
|
|
10810
10855
|
});
|
|
10811
10856
|
|
|
10812
|
-
var css_248z$
|
|
10813
|
-
styleInject(css_248z$
|
|
10857
|
+
var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n display: flex;\n padding: 10px;\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n flex: 1;\n display: flex;\n gap: 10px;\n padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 12px;\n color: #0074ff;\n border: 1px solid #0074ff;\n height: 24px;\n line-height: 22px;\n cursor: pointer;\n font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n color: rgba(0, 0, 0, 0.25);\n border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n flex: none;\n display: flex;\n gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount,\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount {\n color: #D9001B;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n display: block;\n line-height: 0;\n width: auto;\n padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n height: 30px;\n display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n padding: 0;\n margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n border-right-width: 1px !important;\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n height: 30px;\n border-radius: 0;\n border-right-width: 0 !important;\n border-top-width: 0;\n border-left-width: 0;\n border-bottom-width: 0;\n box-shadow: none;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n background: #ff0;\n color: #000;\n font-weight: bold;\n}\n";
|
|
10858
|
+
styleInject(css_248z$7);
|
|
10814
10859
|
|
|
10815
10860
|
var keys$1 = {};
|
|
10816
10861
|
/**
|
|
@@ -11037,10 +11082,10 @@ var lazyFn$1 = (function (fn) {
|
|
|
11037
11082
|
};
|
|
11038
11083
|
});
|
|
11039
11084
|
|
|
11040
|
-
var css_248z$
|
|
11041
|
-
styleInject(css_248z$
|
|
11085
|
+
var css_248z$8 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n flex: 1;\n overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n flex: none;\n}\n";
|
|
11086
|
+
styleInject(css_248z$8);
|
|
11042
11087
|
|
|
11043
|
-
var Text$
|
|
11088
|
+
var Text$3 = Typography.Text;
|
|
11044
11089
|
|
|
11045
11090
|
var _create = create(all, {
|
|
11046
11091
|
number: 'BigNumber',
|
|
@@ -11329,9 +11374,9 @@ var DrawerBody = decorator(Form.create())(function (props) {
|
|
|
11329
11374
|
}, 300), [form, lineAmountSum]);
|
|
11330
11375
|
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
11331
11376
|
className: "add-discount-row-body"
|
|
11332
|
-
}, React.createElement("p", null, "\u5F53\u524D\u9009\u62E9", React.createElement(Text$
|
|
11377
|
+
}, React.createElement("p", null, "\u5F53\u524D\u9009\u62E9", React.createElement(Text$3, {
|
|
11333
11378
|
type: "danger"
|
|
11334
|
-
}, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React.createElement(Text$
|
|
11379
|
+
}, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React.createElement(Text$3, {
|
|
11335
11380
|
type: "danger"
|
|
11336
11381
|
}, lineAmountSum.toFixed(2))), React.createElement(Form.Item, {
|
|
11337
11382
|
label: "\u6298\u6263\u7387\uFF1A"
|
|
@@ -11674,8 +11719,8 @@ function useToGenerateId(controller) {
|
|
|
11674
11719
|
}, [goodsList]);
|
|
11675
11720
|
}
|
|
11676
11721
|
|
|
11677
|
-
var css_248z$
|
|
11678
|
-
styleInject(css_248z$
|
|
11722
|
+
var css_248z$9 = ".kts-invoice-operate-seller {\n display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message {\n flex: 1;\n display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label {\n width: 179px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list {\n width: 100%;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view {\n border: none;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label {\n padding: 0 10px;\n font-size: 12px;\n background-color: #fff;\n line-height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label::before {\n content: '*';\n position: relative;\n color: red;\n font-weight: bold;\n margin-right: 2px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content {\n padding: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n box-shadow: none;\n border-color: #fff;\n border-radius: 0;\n padding: 0 10px;\n font-size: 12px;\n line-height: 30px;\n width: 100%;\n height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n border: 1 solid;\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n background-color: #fff;\n border: 1 solid;\n border-color: #f5222d;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control {\n line-height: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain {\n position: absolute;\n right: 5px;\n top: 6px;\n z-index: 10;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks {\n border-left: 1px solid #dcdcdc;\n display: flex;\n flex: none;\n width: 458px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea {\n flex: 1;\n margin-bottom: 0;\n border: none;\n border-radius: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title {\n flex: none;\n width: 30px;\n height: 100%;\n text-align: center;\n border-right: 1px solid #dcdcdc;\n display: table;\n padding: 0 5px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title label {\n display: table-cell;\n vertical-align: middle;\n}\n";
|
|
11723
|
+
styleInject(css_248z$9);
|
|
11679
11724
|
|
|
11680
11725
|
var TextArea = Input.TextArea;
|
|
11681
11726
|
|
|
@@ -11819,8 +11864,8 @@ var Main$1 = decorator(Form.create())(function (props) {
|
|
|
11819
11864
|
})(React.createElement(TextArea, null))))));
|
|
11820
11865
|
});
|
|
11821
11866
|
|
|
11822
|
-
var css_248z$
|
|
11823
|
-
styleInject(css_248z$
|
|
11867
|
+
var css_248z$a = ".kts-invoice-operate-sign form {\n display: flex;\n}\n.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-sign form > div {\n flex: 1;\n text-align: center;\n}\n";
|
|
11868
|
+
styleInject(css_248z$a);
|
|
11824
11869
|
|
|
11825
11870
|
var Sign = decorator(Form.create())(function (props) {
|
|
11826
11871
|
var form = props.form;
|
|
@@ -12142,10 +12187,10 @@ function interval(i, t) {
|
|
|
12142
12187
|
}
|
|
12143
12188
|
}
|
|
12144
12189
|
|
|
12145
|
-
var css_248z$
|
|
12146
|
-
styleInject(css_248z$
|
|
12190
|
+
var css_248z$b = ".kts-invoice-operate-buyer {\n display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n flex: 1;\n display: flex;\n position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n padding: 0 10px;\n font-size: 12px;\n background-color: #fff;\n line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n box-shadow: none;\n border-color: #fff;\n border-radius: 0;\n padding: 0 10px;\n font-size: 12px;\n line-height: 30px;\n width: 100%;\n height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n border: 1 solid;\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n background-color: #fff;\n border: 1 solid;\n border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n height: 30px;\n display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n position: absolute;\n left: 5px;\n top: 6px;\n z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n position: absolute;\n right: 0px;\n top: 0px;\n z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n border-left: 1px solid #dcdcdc;\n display: flex;\n flex: none;\n width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n flex: none;\n width: 30px;\n height: 100%;\n text-align: center;\n border-right: 1px solid #dcdcdc;\n display: table;\n padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n display: table-cell;\n vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n padding: 6px 0;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n display: block;\n font-size: 12px;\n color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n padding: 0;\n margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n list-style: none;\n width: 50%;\n float: left;\n margin-bottom: 20px;\n padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n content: \".\";\n display: block;\n height: 0;\n clear: left;\n visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n padding: 0;\n margin: 0;\n font-size: 12px;\n padding: 10px;\n font-weight: bold;\n color: #000000;\n cursor: pointer;\n transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n list-style: none;\n width: 50%;\n float: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n content: \".\";\n display: block;\n height: 0;\n clear: left;\n visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n line-height: 1;\n padding: 4px 12px;\n background: #F3F3F3;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: bold;\n color: #000;\n cursor: pointer;\n transition: background 0.4s;\n display: inline-block;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n background: #e6e6e6e6;\n}\n";
|
|
12191
|
+
styleInject(css_248z$b);
|
|
12147
12192
|
|
|
12148
|
-
var Text$
|
|
12193
|
+
var Text$4 = Typography.Text;
|
|
12149
12194
|
|
|
12150
12195
|
var Buyer$1 = /*#__PURE__*/function (_React$Component) {
|
|
12151
12196
|
_inherits(Buyer, _React$Component);
|
|
@@ -12259,7 +12304,7 @@ var Main$2 = decorator(Form.create())(function (props) {
|
|
|
12259
12304
|
if (e.options.rules.some(function (e) {
|
|
12260
12305
|
return e.required;
|
|
12261
12306
|
})) {
|
|
12262
|
-
return React.createElement(React.Fragment, null, React.createElement(Text$
|
|
12307
|
+
return React.createElement(React.Fragment, null, React.createElement(Text$4, {
|
|
12263
12308
|
type: "danger"
|
|
12264
12309
|
}, "*"), e.label);
|
|
12265
12310
|
} else {
|
|
@@ -12646,8 +12691,8 @@ var getItemNameOther = function getItemNameOther(record, editGood) {
|
|
|
12646
12691
|
return record.itemName;
|
|
12647
12692
|
};
|
|
12648
12693
|
|
|
12649
|
-
var css_248z$
|
|
12650
|
-
styleInject(css_248z$
|
|
12694
|
+
var css_248z$c = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
|
|
12695
|
+
styleInject(css_248z$c);
|
|
12651
12696
|
|
|
12652
12697
|
var TreeNode = Tree.TreeNode;
|
|
12653
12698
|
var confirm = Modal.confirm;
|
|
@@ -13292,7 +13337,7 @@ var DrawerBody$3 = function DrawerBody(props) {
|
|
|
13292
13337
|
name: "shorthand",
|
|
13293
13338
|
type: "string",
|
|
13294
13339
|
readOnly: true,
|
|
13295
|
-
default: getShorthand(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.itemName),
|
|
13340
|
+
default: getShorthand$1(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.itemName),
|
|
13296
13341
|
title: "\u5546\u54C1\u548C\u670D\u52A1\u5206\u7C7B\u7B80\u79F0"
|
|
13297
13342
|
}), React.createElement(SchemaMarkupField, {
|
|
13298
13343
|
name: "taxRate",
|
|
@@ -13382,7 +13427,7 @@ var components = {
|
|
|
13382
13427
|
};
|
|
13383
13428
|
/** 提取简称 */
|
|
13384
13429
|
|
|
13385
|
-
var getShorthand = function getShorthand(value) {
|
|
13430
|
+
var getShorthand$1 = function getShorthand(value) {
|
|
13386
13431
|
if (!value) return ' ';
|
|
13387
13432
|
var arr = value.match(/\*[^*]+\*/);
|
|
13388
13433
|
|
package/dist/index.js
CHANGED
|
@@ -9408,7 +9408,49 @@ var TitleText = (function (props) {
|
|
|
9408
9408
|
}, "*") : React__default['default'].createElement(React__default['default'].Fragment, null), children);
|
|
9409
9409
|
});
|
|
9410
9410
|
|
|
9411
|
-
var
|
|
9411
|
+
var css_248z$6 = ".kts-invoice-operate-goods-list-itemName-input {\n display: flex;\n flex: 1;\n padding-left: 10px;\n height: 31px;\n}\n.has-error .kts-invoice-operate-goods-list-itemName-input {\n border: 1px solid #f5222d;\n}\n";
|
|
9412
|
+
styleInject(css_248z$6);
|
|
9413
|
+
|
|
9414
|
+
function ItemNameInput(props) {
|
|
9415
|
+
var _getShorthand = getShorthand(props.value),
|
|
9416
|
+
shorthand = _getShorthand.shorthand,
|
|
9417
|
+
fullName = _getShorthand.fullName;
|
|
9418
|
+
|
|
9419
|
+
var onChange = React__default['default'].useCallback(function (e) {
|
|
9420
|
+
var event = _objectSpread2({}, e);
|
|
9421
|
+
|
|
9422
|
+
event.target.value = shorthand ? "*".concat(shorthand, "*").concat(e.target.value) : e.target.value;
|
|
9423
|
+
props.onChange && props.onChange(event);
|
|
9424
|
+
}, []);
|
|
9425
|
+
return React__default['default'].createElement("div", {
|
|
9426
|
+
className: 'kts-invoice-operate-goods-list-itemName-input'
|
|
9427
|
+
}, shorthand && React__default['default'].createElement("span", {
|
|
9428
|
+
style: {
|
|
9429
|
+
alignSelf: 'center',
|
|
9430
|
+
fontSize: 12
|
|
9431
|
+
}
|
|
9432
|
+
}, "*", shorthand, "*"), React__default['default'].createElement(ktsComponentsAntdX3.Input, {
|
|
9433
|
+
style: {
|
|
9434
|
+
height: '100%',
|
|
9435
|
+
border: 'none'
|
|
9436
|
+
},
|
|
9437
|
+
value: fullName,
|
|
9438
|
+
onChange: onChange
|
|
9439
|
+
}));
|
|
9440
|
+
}
|
|
9441
|
+
/** 提取简称 */
|
|
9442
|
+
|
|
9443
|
+
var getShorthand = function getShorthand(value) {
|
|
9444
|
+
if (!value) return {};
|
|
9445
|
+
var arr = value.match(/\*[^*]+\*/);
|
|
9446
|
+
var shorthand = arr ? arr[0].split('*')[1] : '';
|
|
9447
|
+
var fullName = shorthand ? value.replace("*".concat(shorthand, "*"), '') : value;
|
|
9448
|
+
return {
|
|
9449
|
+
shorthand: shorthand,
|
|
9450
|
+
fullName: fullName
|
|
9451
|
+
};
|
|
9452
|
+
};
|
|
9453
|
+
|
|
9412
9454
|
var useColumns = (function (form) {
|
|
9413
9455
|
var getFieldDecorator = form.getFieldDecorator,
|
|
9414
9456
|
getFieldValue = form.getFieldValue;
|
|
@@ -9541,10 +9583,13 @@ var useColumns = (function (form) {
|
|
|
9541
9583
|
return validator;
|
|
9542
9584
|
}()
|
|
9543
9585
|
}])
|
|
9544
|
-
})(
|
|
9545
|
-
|
|
9546
|
-
|
|
9547
|
-
|
|
9586
|
+
})( // <MyInput
|
|
9587
|
+
// style={{ flex: 1 }}
|
|
9588
|
+
// onChange={() => {
|
|
9589
|
+
// onChangeItemName(controller, form, record);
|
|
9590
|
+
// }}
|
|
9591
|
+
// />,
|
|
9592
|
+
React__default['default'].createElement(ItemNameInput, {
|
|
9548
9593
|
onChange: function onChange() {
|
|
9549
9594
|
onChangeItemName(controller, form, record);
|
|
9550
9595
|
}
|
|
@@ -10162,7 +10207,7 @@ var useColumns = (function (form) {
|
|
|
10162
10207
|
ellipsis: true
|
|
10163
10208
|
});
|
|
10164
10209
|
});
|
|
10165
|
-
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
|
|
10210
|
+
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish]);
|
|
10166
10211
|
React__default['default'].useEffect(function () {
|
|
10167
10212
|
if (!changeField) return;
|
|
10168
10213
|
var t = setTimeout(function () {
|
|
@@ -10819,8 +10864,8 @@ var useRowSelection = (function () {
|
|
|
10819
10864
|
};
|
|
10820
10865
|
});
|
|
10821
10866
|
|
|
10822
|
-
var css_248z$
|
|
10823
|
-
styleInject(css_248z$
|
|
10867
|
+
var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n display: flex;\n padding: 10px;\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n flex: 1;\n display: flex;\n gap: 10px;\n padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 12px;\n color: #0074ff;\n border: 1px solid #0074ff;\n height: 24px;\n line-height: 22px;\n cursor: pointer;\n font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n color: rgba(0, 0, 0, 0.25);\n border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n flex: none;\n display: flex;\n gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount,\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount {\n color: #D9001B;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n display: block;\n line-height: 0;\n width: auto;\n padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n height: 30px;\n display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n padding: 0;\n margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n border-right-width: 1px !important;\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n height: 30px;\n border-radius: 0;\n border-right-width: 0 !important;\n border-top-width: 0;\n border-left-width: 0;\n border-bottom-width: 0;\n box-shadow: none;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n background: #ff0;\n color: #000;\n font-weight: bold;\n}\n";
|
|
10868
|
+
styleInject(css_248z$7);
|
|
10824
10869
|
|
|
10825
10870
|
var keys$1 = {};
|
|
10826
10871
|
/**
|
|
@@ -11047,10 +11092,10 @@ var lazyFn$1 = (function (fn) {
|
|
|
11047
11092
|
};
|
|
11048
11093
|
});
|
|
11049
11094
|
|
|
11050
|
-
var css_248z$
|
|
11051
|
-
styleInject(css_248z$
|
|
11095
|
+
var css_248z$8 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n flex: 1;\n overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n flex: none;\n}\n";
|
|
11096
|
+
styleInject(css_248z$8);
|
|
11052
11097
|
|
|
11053
|
-
var Text$
|
|
11098
|
+
var Text$3 = ktsComponentsAntdX3.Typography.Text;
|
|
11054
11099
|
|
|
11055
11100
|
var _create = mathjs.create(mathjs.all, {
|
|
11056
11101
|
number: 'BigNumber',
|
|
@@ -11339,9 +11384,9 @@ var DrawerBody = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(funct
|
|
|
11339
11384
|
}, 300), [form, lineAmountSum]);
|
|
11340
11385
|
return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
|
|
11341
11386
|
className: "add-discount-row-body"
|
|
11342
|
-
}, React__default['default'].createElement("p", null, "\u5F53\u524D\u9009\u62E9", React__default['default'].createElement(Text$
|
|
11387
|
+
}, React__default['default'].createElement("p", null, "\u5F53\u524D\u9009\u62E9", React__default['default'].createElement(Text$3, {
|
|
11343
11388
|
type: "danger"
|
|
11344
|
-
}, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React__default['default'].createElement(Text$
|
|
11389
|
+
}, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React__default['default'].createElement(Text$3, {
|
|
11345
11390
|
type: "danger"
|
|
11346
11391
|
}, lineAmountSum.toFixed(2))), React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
|
|
11347
11392
|
label: "\u6298\u6263\u7387\uFF1A"
|
|
@@ -11684,8 +11729,8 @@ function useToGenerateId(controller) {
|
|
|
11684
11729
|
}, [goodsList]);
|
|
11685
11730
|
}
|
|
11686
11731
|
|
|
11687
|
-
var css_248z$
|
|
11688
|
-
styleInject(css_248z$
|
|
11732
|
+
var css_248z$9 = ".kts-invoice-operate-seller {\n display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message {\n flex: 1;\n display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label {\n width: 179px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list {\n width: 100%;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view {\n border: none;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label {\n padding: 0 10px;\n font-size: 12px;\n background-color: #fff;\n line-height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label::before {\n content: '*';\n position: relative;\n color: red;\n font-weight: bold;\n margin-right: 2px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content {\n padding: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n box-shadow: none;\n border-color: #fff;\n border-radius: 0;\n padding: 0 10px;\n font-size: 12px;\n line-height: 30px;\n width: 100%;\n height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n border: 1 solid;\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n background-color: #fff;\n border: 1 solid;\n border-color: #f5222d;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control {\n line-height: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain {\n position: absolute;\n right: 5px;\n top: 6px;\n z-index: 10;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks {\n border-left: 1px solid #dcdcdc;\n display: flex;\n flex: none;\n width: 458px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea {\n flex: 1;\n margin-bottom: 0;\n border: none;\n border-radius: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title {\n flex: none;\n width: 30px;\n height: 100%;\n text-align: center;\n border-right: 1px solid #dcdcdc;\n display: table;\n padding: 0 5px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title label {\n display: table-cell;\n vertical-align: middle;\n}\n";
|
|
11733
|
+
styleInject(css_248z$9);
|
|
11689
11734
|
|
|
11690
11735
|
var TextArea = ktsComponentsAntdX3.Input.TextArea;
|
|
11691
11736
|
|
|
@@ -11829,8 +11874,8 @@ var Main$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
|
|
|
11829
11874
|
})(React__default['default'].createElement(TextArea, null))))));
|
|
11830
11875
|
});
|
|
11831
11876
|
|
|
11832
|
-
var css_248z$
|
|
11833
|
-
styleInject(css_248z$
|
|
11877
|
+
var css_248z$a = ".kts-invoice-operate-sign form {\n display: flex;\n}\n.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-sign form > div {\n flex: 1;\n text-align: center;\n}\n";
|
|
11878
|
+
styleInject(css_248z$a);
|
|
11834
11879
|
|
|
11835
11880
|
var Sign = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (props) {
|
|
11836
11881
|
var form = props.form;
|
|
@@ -12152,10 +12197,10 @@ function interval(i, t) {
|
|
|
12152
12197
|
}
|
|
12153
12198
|
}
|
|
12154
12199
|
|
|
12155
|
-
var css_248z$
|
|
12156
|
-
styleInject(css_248z$
|
|
12200
|
+
var css_248z$b = ".kts-invoice-operate-buyer {\n display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n flex: 1;\n display: flex;\n position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n padding: 0 10px;\n font-size: 12px;\n background-color: #fff;\n line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n box-shadow: none;\n border-color: #fff;\n border-radius: 0;\n padding: 0 10px;\n font-size: 12px;\n line-height: 30px;\n width: 100%;\n height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n border: 1 solid;\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n background-color: #fff;\n border: 1 solid;\n border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n height: 30px;\n display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n position: absolute;\n left: 5px;\n top: 6px;\n z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n position: absolute;\n right: 0px;\n top: 0px;\n z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n border-left: 1px solid #dcdcdc;\n display: flex;\n flex: none;\n width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n flex: none;\n width: 30px;\n height: 100%;\n text-align: center;\n border-right: 1px solid #dcdcdc;\n display: table;\n padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n display: table-cell;\n vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n padding: 6px 0;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n display: block;\n font-size: 12px;\n color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n padding: 0;\n margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n list-style: none;\n width: 50%;\n float: left;\n margin-bottom: 20px;\n padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n content: \".\";\n display: block;\n height: 0;\n clear: left;\n visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n padding: 0;\n margin: 0;\n font-size: 12px;\n padding: 10px;\n font-weight: bold;\n color: #000000;\n cursor: pointer;\n transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n list-style: none;\n width: 50%;\n float: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n content: \".\";\n display: block;\n height: 0;\n clear: left;\n visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n line-height: 1;\n padding: 4px 12px;\n background: #F3F3F3;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: bold;\n color: #000;\n cursor: pointer;\n transition: background 0.4s;\n display: inline-block;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n background: #e6e6e6e6;\n}\n";
|
|
12201
|
+
styleInject(css_248z$b);
|
|
12157
12202
|
|
|
12158
|
-
var Text$
|
|
12203
|
+
var Text$4 = ktsComponentsAntdX3.Typography.Text;
|
|
12159
12204
|
|
|
12160
12205
|
var Buyer$1 = /*#__PURE__*/function (_React$Component) {
|
|
12161
12206
|
_inherits(Buyer, _React$Component);
|
|
@@ -12269,7 +12314,7 @@ var Main$2 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
|
|
|
12269
12314
|
if (e.options.rules.some(function (e) {
|
|
12270
12315
|
return e.required;
|
|
12271
12316
|
})) {
|
|
12272
|
-
return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$
|
|
12317
|
+
return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$4, {
|
|
12273
12318
|
type: "danger"
|
|
12274
12319
|
}, "*"), e.label);
|
|
12275
12320
|
} else {
|
|
@@ -12656,8 +12701,8 @@ var getItemNameOther = function getItemNameOther(record, editGood) {
|
|
|
12656
12701
|
return record.itemName;
|
|
12657
12702
|
};
|
|
12658
12703
|
|
|
12659
|
-
var css_248z$
|
|
12660
|
-
styleInject(css_248z$
|
|
12704
|
+
var css_248z$c = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
|
|
12705
|
+
styleInject(css_248z$c);
|
|
12661
12706
|
|
|
12662
12707
|
var TreeNode = ktsComponentsAntdX3.Tree.TreeNode;
|
|
12663
12708
|
var confirm = ktsComponentsAntdX3.Modal.confirm;
|
|
@@ -13302,7 +13347,7 @@ var DrawerBody$3 = function DrawerBody(props) {
|
|
|
13302
13347
|
name: "shorthand",
|
|
13303
13348
|
type: "string",
|
|
13304
13349
|
readOnly: true,
|
|
13305
|
-
default: getShorthand(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.itemName),
|
|
13350
|
+
default: getShorthand$1(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.itemName),
|
|
13306
13351
|
title: "\u5546\u54C1\u548C\u670D\u52A1\u5206\u7C7B\u7B80\u79F0"
|
|
13307
13352
|
}), React__default['default'].createElement(antd.SchemaMarkupField, {
|
|
13308
13353
|
name: "taxRate",
|
|
@@ -13392,7 +13437,7 @@ var components = {
|
|
|
13392
13437
|
};
|
|
13393
13438
|
/** 提取简称 */
|
|
13394
13439
|
|
|
13395
|
-
var getShorthand = function getShorthand(value) {
|
|
13440
|
+
var getShorthand$1 = function getShorthand(value) {
|
|
13396
13441
|
if (!value) return ' ';
|
|
13397
13442
|
var arr = value.match(/\*[^*]+\*/);
|
|
13398
13443
|
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Form, AutoComplete, Select,
|
|
2
|
+
import { Form, AutoComplete, Select, Button, Input, Spin, Tooltip } from 'kts-components-antd-x3';
|
|
3
3
|
import { InputProps } from 'kts-components-antd-x3/lib/input';
|
|
4
4
|
import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
|
|
5
5
|
import { IGood } from '../../../../InvoiceController';
|
|
@@ -15,8 +15,7 @@ import {
|
|
|
15
15
|
onChangeTaxRate,
|
|
16
16
|
onChangeItemName,
|
|
17
17
|
} from './autoFillFn';
|
|
18
|
-
|
|
19
|
-
const { Text } = Typography;
|
|
18
|
+
import ItemNameInput from './ui/ItemNameInput';
|
|
20
19
|
|
|
21
20
|
export default (form: WrappedFormUtils) => {
|
|
22
21
|
const { getFieldDecorator, getFieldValue } = form;
|
|
@@ -93,12 +92,17 @@ export default (form: WrappedFormUtils) => {
|
|
|
93
92
|
}
|
|
94
93
|
]
|
|
95
94
|
})(
|
|
96
|
-
<MyInput
|
|
97
|
-
|
|
95
|
+
// <MyInput
|
|
96
|
+
// style={{ flex: 1 }}
|
|
97
|
+
// onChange={() => {
|
|
98
|
+
// onChangeItemName(controller, form, record);
|
|
99
|
+
// }}
|
|
100
|
+
// />,
|
|
101
|
+
<ItemNameInput
|
|
98
102
|
onChange={() => {
|
|
99
103
|
onChangeItemName(controller, form, record);
|
|
100
104
|
}}
|
|
101
|
-
|
|
105
|
+
/>
|
|
102
106
|
)}
|
|
103
107
|
<div className="kts-invoice-operate-goods-list-able-list-itemName-import">
|
|
104
108
|
{controller.getGoodsList && model !== 'readOnly' && (
|
|
@@ -500,7 +504,7 @@ export default (form: WrappedFormUtils) => {
|
|
|
500
504
|
ellipsis: true,
|
|
501
505
|
};
|
|
502
506
|
}) as any[];
|
|
503
|
-
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
|
|
507
|
+
}, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish]);
|
|
504
508
|
|
|
505
509
|
React.useEffect(() => {
|
|
506
510
|
if (!changeField) return;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
import { Input } from 'kts-components-antd-x3';
|
|
3
|
+
import React, { ChangeEvent } from 'react';
|
|
4
|
+
import './index.less';
|
|
5
|
+
|
|
6
|
+
export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string }) {
|
|
7
|
+
|
|
8
|
+
const { shorthand, fullName } = getShorthand(props.value);
|
|
9
|
+
|
|
10
|
+
const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
|
|
11
|
+
const event = { ...e };
|
|
12
|
+
event.target.value = shorthand ? `*${shorthand}*${e.target.value}` : e.target.value
|
|
13
|
+
props.onChange && props.onChange(event);
|
|
14
|
+
}, [])
|
|
15
|
+
|
|
16
|
+
return (
|
|
17
|
+
<div className='kts-invoice-operate-goods-list-itemName-input'>
|
|
18
|
+
{shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{shorthand}*</span>}
|
|
19
|
+
<Input style={{ height: '100%', border: 'none' }} value={fullName} onChange={onChange} />
|
|
20
|
+
</div>
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/** 提取简称 */
|
|
25
|
+
const getShorthand = (value?: string) => {
|
|
26
|
+
if (!value) return {};
|
|
27
|
+
const arr = value.match(/\*[^*]+\*/);
|
|
28
|
+
|
|
29
|
+
const shorthand = arr ? arr[0].split('*')[1] : '';
|
|
30
|
+
const fullName = shorthand ? value.replace(`*${shorthand}*`, '') : value;
|
|
31
|
+
|
|
32
|
+
return { shorthand, fullName }
|
|
33
|
+
};
|
|
34
|
+
|