kts-component-invoice-operate 1.1.8 → 1.2.2

package/dist/Invoice/InvoiceController/InvoiceControllerState/BuyerState/index.d.ts

@@ -12,6 +12,24 @@ export interface IFormItem {
     node: React.ReactNode;
     options: GetFieldDecoratorOptions;
 }
+export interface IBuyerInfo {
+    /** 购买方名称 */
+    buyerName?: string;
+    /** 购买方纳税人识别号 */
+    buyerNo?: string;
+    /** 购买方地址及电话 */
+    buyerAddress?: string;
+    /** 购买方开户行及账号 */
+    buyerBank?: string;
+}
+/** 自动填充 */
+export interface IAutoContainer {
+    /** 购买方变化 */
+    onBuyNameChange: (e?: string) => Promise<{
+        recent: IBuyerInfo[];
+        list: IBuyerInfo[];
+    }>;
+}
 export default class BuyerState {
     /** 表头 */
     columns: ColumnProps<any>[];
@@ -25,4 +43,6 @@ export default class BuyerState {
     isVisibleDrawer: boolean;
     /** 顶部扩展 */
     topExpand?: React.ReactNode;
+    /** 自动填充 */
+    autoContainer?: IAutoContainer;
 }

package/dist/Invoice/_test/buyerNameSearch/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/Invoice/ui/Buyer/ui/BuyerNameInput/index.d.ts

@@ -0,0 +1,6 @@
+export interface IBuyerNameInputProps {
+    value?: string;
+    onChange?: (e: string) => void;
+}
+declare const _default: (props: IBuyerNameInputProps) => JSX.Element;
+export default _default;

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, create, all } from 'mathjs';
-import { message, Form, Input, Icon, Tag, Select, Row, Col, Table, Button, Switch, Typography, Drawer, Menu, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Tree, Modal } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon, Tag, Select, Row, Col, Table, Button, Switch, Typography, Drawer, Menu, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Divider, Popover, Tree, Modal } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import classnames from 'classnames';
 import { Input as Input$1, NumberPicker } from '@formily/antd-components';
@@ -711,6 +711,7 @@ var BuyerState = function BuyerState() {
   this.pagination = {};
   this.isVisibleDrawer = false;
   this.topExpand = void 0;
+  this.autoContainer = void 0;
 };
 
 var InvoiceControllerState = function InvoiceControllerState() {
@@ -5042,7 +5043,232 @@ var ImportBuyerButton = (function () {
   }));
 });
 
-var css_248z$9 = ".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";
+var BuyerNameInput = (function (props) {
+  /** 控制器 */
+  var controller = default_1.useInvoiceController();
+  /** 组件模式 */
+
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  /** 是否显示 */
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visible = _React$useState2[0],
+      setVisible = _React$useState2[1];
+  /** 自动填充 */
+
+
+  var autoContainer = controller.useMemo(function (s) {
+    return s.buyerState.autoContainer;
+  }, []);
+  /** 自动填充数据 */
+
+  var _useDataSource = useDataSource(),
+      dataSource = _useDataSource.dataSource,
+      onBuyNameChange = _useDataSource.onBuyNameChange,
+      loading = _useDataSource.loading;
+  /** 悬浮内容 */
+
+
+  var content = React.useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'kts-invoice-operate-buyer-name-content'
+    }, loading ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Spin, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: 'kts-invoice-operate-buyer-name-content-block',
+      style: {
+        padding: '14px 10px'
+      }
+    }, /*#__PURE__*/React.createElement("label", {
+      style: {
+        marginBottom: 10
+      }
+    }, "\u6700\u8FD1\u5F00\u5177"), /*#__PURE__*/React.createElement("ul", {
+      className: 'kts-invoice-operate-buyer-name-content-recently-issued'
+    }, dataSource.recent.map(function (e, i) {
+      return /*#__PURE__*/React.createElement("li", {
+        key: i,
+        onClick: function onClick() {
+          onClickItem(e);
+        },
+        style: {
+          marginBottom: interval(i, dataSource.recent.length)
+        }
+      }, /*#__PURE__*/React.createElement(MyTag, null, e.buyerName));
+    }))), /*#__PURE__*/React.createElement(Divider, {
+      style: {
+        margin: "0 6px"
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: 'kts-invoice-operate-buyer-name-content-block',
+      style: {
+        padding: '14px 10px 4px'
+      }
+    }, /*#__PURE__*/React.createElement("label", {
+      style: {
+        padding: '0 10px'
+      }
+    }, "\u9009\u62E9\u516C\u53F8"), dataSource.list.map(function (e, i) {
+      return /*#__PURE__*/React.createElement("ul", {
+        key: i,
+        onClick: function onClick() {
+          onClickItem(e);
+        },
+        className: 'kts-invoice-operate-buyer-name-content-select-company'
+      }, /*#__PURE__*/React.createElement("li", null, e.buyerName), /*#__PURE__*/React.createElement("li", null, e.buyerAddress));
+    }))));
+  }, [dataSource, loading]);
+  /** 点击了选择项 */
+
+  var onClickItem = React.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+      var _controller$formList$;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              (_controller$formList$ = controller.formList.get('buyer')) === null || _controller$formList$ === void 0 ? void 0 : _controller$formList$.setFieldsValue(e);
+              setVisible(false);
+
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [controller]);
+  /** 输入框数据改变 */
+
+  var onChangeInput = React.useCallback(function (e) {
+    props.onChange && props.onChange(e.target.value);
+    onBuyNameChange(e.target.value);
+  }, [dataSource]);
+  React.useEffect(function () {
+    visible && onBuyNameChange(props.value);
+  }, [visible, props.value]);
+
+  if (model === 'prefab' || !autoContainer) {
+    return /*#__PURE__*/React.createElement(Input, {
+      size: "small",
+      autoComplete: "off",
+      value: props.value,
+      readOnly: model === 'prefab',
+      onChange: function onChange(e) {
+        props.onChange && props.onChange(e.target.value);
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(Popover, {
+    onVisibleChange: setVisible,
+    overlayClassName: 'kts-invoice-operate-buyer-name-popover',
+    placement: "bottomLeft",
+    trigger: "click",
+    visible: visible,
+    content: content
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    autoComplete: "off",
+    value: props.value,
+    onChange: onChangeInput
+  }));
+});
+/** 获取自动填充数据 */
+
+function useDataSource() {
+  /** 控制器 */
+  var controller = default_1.useInvoiceController();
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      loading = _React$useState4[0],
+      setLoading = _React$useState4[1];
+
+  var _React$useState5 = React.useState({
+    recent: [],
+    list: []
+  }),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      dataSource = _React$useState6[0],
+      setDataSource = _React$useState6[1];
+
+  var autoContainer = controller.useMemo(function (s) {
+    return s.buyerState.autoContainer;
+  }, []);
+  var onBuyNameChange = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(e) {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (autoContainer) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              setLoading(true);
+              _context2.t0 = setDataSource;
+              _context2.next = 6;
+              return autoContainer.onBuyNameChange(e);
+
+            case 6:
+              _context2.t1 = _context2.sent;
+              (0, _context2.t0)(_context2.t1);
+              setLoading(false);
+
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [autoContainer]);
+  return {
+    /** 购买方变化 */
+    onBuyNameChange: onBuyNameChange,
+
+    /** 获取自动填充数据 */
+    dataSource: dataSource,
+
+    /** 加载中 */
+    loading: loading
+  };
+}
+
+function MyTag(props) {
+  return /*#__PURE__*/React.createElement("span", {
+    className: 'kts-invoice-operate-buyer-name-content-tag'
+  }, props.children);
+}
+
+function interval(i, t) {
+  if (t % 2 === 0) {
+    return i > t - 3 ? 0 : 20;
+  } else {
+    return i > t - 2 ? 0 : 20;
+  }
+}
+
+var css_248z$9 = ".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  max-height: 400px;\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}\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}\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}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n  background: #e6e6e6e6;\n}\n";
 styleInject(css_248z$9);
 
 var Text$5 = Typography.Text;
@@ -5083,6 +5309,11 @@ var Main$2 = decorator(Form.create())(function (props) {
   var model = controller.useMemo(function (s) {
     return s.model;
   }, []);
+  /** 自动填充 */
+
+  var autoContainer = controller.useMemo(function (s) {
+    return s.buyerState.autoContainer;
+  }, []);
   var formItem = React.useMemo(function () {
     if (props.formItem) {
       return props.formItem;
@@ -5092,6 +5323,7 @@ var Main$2 = decorator(Form.create())(function (props) {
         label: '购买方名称',
         node: /*#__PURE__*/React.createElement(Input, {
           size: "small",
+          autoComplete: "off",
           readOnly: model === 'prefab'
         }),
         options: {
@@ -5105,6 +5337,7 @@ var Main$2 = decorator(Form.create())(function (props) {
         label: '购买方纳税人识别号',
         node: /*#__PURE__*/React.createElement(Input, {
           size: "small",
+          autoComplete: "off",
           readOnly: model === 'prefab'
         }),
         options: {
@@ -5118,6 +5351,7 @@ var Main$2 = decorator(Form.create())(function (props) {
         label: '购买方地址及电话',
         node: /*#__PURE__*/React.createElement(Input, {
           size: "small",
+          autoComplete: "off",
           readOnly: model === 'prefab'
         }),
         options: {
@@ -5131,6 +5365,7 @@ var Main$2 = decorator(Form.create())(function (props) {
         label: '购买方开户行及账号',
         node: /*#__PURE__*/React.createElement(Input, {
           size: "small",
+          autoComplete: "off",
           readOnly: model === 'prefab'
         }),
         options: {
@@ -5177,7 +5412,7 @@ var Main$2 = decorator(Form.create())(function (props) {
     return /*#__PURE__*/React.createElement(Descriptions.Item, {
       key: i,
       label: getlabel(item)
-    }, /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator(item.id, item.options)(item.node)));
+    }, /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator(item.id, item.options)(autoContainer ? item.id === 'buyerName' ? /*#__PURE__*/React.createElement(BuyerNameInput, null) : item.node : item.node)));
   }))), /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-buyer-password"
   }, /*#__PURE__*/React.createElement("div", {
@@ -6377,15 +6612,15 @@ var Main$3 = function Main(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate"
   }, props.invoiceHeader || /*#__PURE__*/React.createElement(InvoiceHeader, null)
-  /** 发票头 */
+  /**    发票头 */
   , props.buyer || /*#__PURE__*/React.createElement(Buyer$1, null)
-  /** 购买方 */
+  /**                    购买方 */
   , props.goodsList || /*#__PURE__*/React.createElement(GoodsList, null)
-  /** 货物列表 */
+  /**            货物列表 */
   , props.seller || /*#__PURE__*/React.createElement(Buyer, null)
-  /** 销售方 */
+  /**                  销售方 */
   , props.sign || /*#__PURE__*/React.createElement(Sign, null)
-  /** 落款 */
+  /**                      落款 */
   , props.footExpand), /*#__PURE__*/React.createElement(ImportBuyerDrawer, null), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
 };