kts-component-invoice-operate 1.2.2 → 1.2.3

package/dist/index.esm.js

@@ -5073,6 +5073,8 @@ var BuyerNameInput = (function (props) {
 
 
   var content = React.useMemo(function () {
+    var _dataSource$recent, _dataSource$list;
+
     return /*#__PURE__*/React.createElement("div", {
       className: 'kts-invoice-operate-buyer-name-content'
     }, loading ? /*#__PURE__*/React.createElement("div", {
@@ -5090,14 +5092,16 @@ var BuyerNameInput = (function (props) {
       }
     }, "\u6700\u8FD1\u5F00\u5177"), /*#__PURE__*/React.createElement("ul", {
       className: 'kts-invoice-operate-buyer-name-content-recently-issued'
-    }, dataSource.recent.map(function (e, i) {
+    }, (_dataSource$recent = dataSource.recent) === null || _dataSource$recent === void 0 ? void 0 : _dataSource$recent.map(function (e, i) {
+      var _dataSource$recent$le, _dataSource$recent2;
+
       return /*#__PURE__*/React.createElement("li", {
         key: i,
         onClick: function onClick() {
           onClickItem(e);
         },
         style: {
-          marginBottom: interval(i, dataSource.recent.length)
+          marginBottom: interval(i, (_dataSource$recent$le = (_dataSource$recent2 = dataSource.recent) === null || _dataSource$recent2 === void 0 ? void 0 : _dataSource$recent2.length) !== null && _dataSource$recent$le !== void 0 ? _dataSource$recent$le : 0)
         }
       }, /*#__PURE__*/React.createElement(MyTag, null, e.buyerName));
     }))), /*#__PURE__*/React.createElement(Divider, {
@@ -5113,7 +5117,7 @@ var BuyerNameInput = (function (props) {
       style: {
         padding: '0 10px'
       }
-    }, "\u9009\u62E9\u516C\u53F8"), dataSource.list.map(function (e, i) {
+    }, "\u9009\u62E9\u516C\u53F8"), (_dataSource$list = dataSource.list) === null || _dataSource$list === void 0 ? void 0 : _dataSource$list.map(function (e, i) {
       return /*#__PURE__*/React.createElement("ul", {
         key: i,
         onClick: function onClick() {

package/dist/index.js

@@ -5083,6 +5083,8 @@ var BuyerNameInput = (function (props) {
 
 
   var content = React__default['default'].useMemo(function () {
+    var _dataSource$recent, _dataSource$list;
+
     return /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'kts-invoice-operate-buyer-name-content'
     }, loading ? /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5100,14 +5102,16 @@ var BuyerNameInput = (function (props) {
       }
     }, "\u6700\u8FD1\u5F00\u5177"), /*#__PURE__*/React__default['default'].createElement("ul", {
       className: 'kts-invoice-operate-buyer-name-content-recently-issued'
-    }, dataSource.recent.map(function (e, i) {
+    }, (_dataSource$recent = dataSource.recent) === null || _dataSource$recent === void 0 ? void 0 : _dataSource$recent.map(function (e, i) {
+      var _dataSource$recent$le, _dataSource$recent2;
+
       return /*#__PURE__*/React__default['default'].createElement("li", {
         key: i,
         onClick: function onClick() {
           onClickItem(e);
         },
         style: {
-          marginBottom: interval(i, dataSource.recent.length)
+          marginBottom: interval(i, (_dataSource$recent$le = (_dataSource$recent2 = dataSource.recent) === null || _dataSource$recent2 === void 0 ? void 0 : _dataSource$recent2.length) !== null && _dataSource$recent$le !== void 0 ? _dataSource$recent$le : 0)
         }
       }, /*#__PURE__*/React__default['default'].createElement(MyTag, null, e.buyerName));
     }))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Divider, {
@@ -5123,7 +5127,7 @@ var BuyerNameInput = (function (props) {
       style: {
         padding: '0 10px'
       }
-    }, "\u9009\u62E9\u516C\u53F8"), dataSource.list.map(function (e, i) {
+    }, "\u9009\u62E9\u516C\u53F8"), (_dataSource$list = dataSource.list) === null || _dataSource$list === void 0 ? void 0 : _dataSource$list.map(function (e, i) {
       return /*#__PURE__*/React__default['default'].createElement("ul", {
         key: i,
         onClick: function onClick() {

package/docs/index.md

@@ -2,4 +2,4 @@
 
 npm 地址：https://www.npmjs.com/package/kts-component-invoice-operate
 
-### 版本 1.2.2
+### 版本 1.2.3

package/package.json

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

package/src/Invoice/ui/Buyer/ui/BuyerNameInput/index.tsx

@@ -42,14 +42,14 @@ export default (props: IBuyerNameInputProps) => {
                 <div className='kts-invoice-operate-buyer-name-content-block' style={{ padding: '14px 10px' }} >
                   <label style={{ marginBottom: 10 }} >最近开具</label>
                   <ul className='kts-invoice-operate-buyer-name-content-recently-issued' >
-                    {dataSource.recent.map((e, i) => <li key={i} onClick={() => { onClickItem(e) }} style={{ marginBottom: interval(i, dataSource.recent.length) }} ><MyTag>{e.buyerName}</MyTag></li>)}
+                    {dataSource.recent?.map((e, i) => <li key={i} onClick={() => { onClickItem(e) }} style={{ marginBottom: interval(i, dataSource.recent?.length ?? 0) }} ><MyTag>{e.buyerName}</MyTag></li>)}
                   </ul>
                 </div>
                 <Divider style={{ margin: "0 6px" }} />
                 <div className='kts-invoice-operate-buyer-name-content-block' style={{ padding: '14px 10px 4px' }} >
                   <label style={{ padding: '0 10px' }} >选择公司</label>
                   {
-                    dataSource.list.map((e, i) => {
+                    dataSource.list?.map((e, i) => {
                       return (
                         <ul key={i} onClick={() => { onClickItem(e) }} className='kts-invoice-operate-buyer-name-content-select-company' >
                           <li>{e.buyerName}</li>
@@ -78,7 +78,7 @@ export default (props: IBuyerNameInputProps) => {
     onBuyNameChange(e.target.value);
   }, [dataSource])
 
-  React.useEffect(()=>{
+  React.useEffect(() => {
     visible && onBuyNameChange(props.value)
   }, [visible, props.value])
 
@@ -121,7 +121,7 @@ function useDataSource() {
 
   const [loading, setLoading] = React.useState(false);
 
-  const [dataSource, setDataSource] = React.useState<{ recent: IBuyerInfo[], list: IBuyerInfo[] }>({ recent: [], list: [] })
+  const [dataSource, setDataSource] = React.useState<{ recent?: IBuyerInfo[], list?: IBuyerInfo[] }>({ recent: [], list: [] })
 
   const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);