kts-component-invoice-operate 1.2.0 → 1.2.3

package/package.json

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

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

@@ -29,20 +29,23 @@ const Main = decorator<IBuyerProps, IBuyerProps & FormComponentProps>(
   const controller = Invoice.useInvoiceController();
 
   /** 组件模式 */
-  const model = controller.useMemo(s => s.model, [])
+  const model = controller.useMemo(s => s.model, []);
+
+  /** 自动填充 */
+  const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);
 
   const formItem = React.useMemo(() => {
     if (props.formItem) {
       return props.formItem;
     } else {
       return [
-        { id: 'buyerName', label: '购买方名称', node: <BuyerNameInput />, options: { rules: [{ required: true, message: '不能为空' }] } },
+        { id: 'buyerName', label: '购买方名称', node: <Input size="small" autoComplete="off" readOnly={model === 'prefab'} />, options: { rules: [{ required: true, message: '不能为空' }] } },
         { id: 'buyerNo', label: '购买方纳税人识别号', node: <Input size="small" autoComplete="off" readOnly={model === 'prefab'} />, options: { rules: [{ required: true, message: '不能为空' }] } },
         { id: 'buyerAddress', label: '购买方地址及电话', node: <Input size="small" autoComplete="off" readOnly={model === 'prefab'} />, options: { rules: [{ required: true, message: '不能为空' }] } },
         { id: 'buyerBank', label: '购买方开户行及账号', node: <Input size="small" autoComplete="off" readOnly={model === 'prefab'} />, options: { rules: [{ required: true, message: '不能为空' }] } },
       ]
     }
-  }, [props.formItem, model])
+  }, [props.formItem, model]);
 
   /** 注册 form */
   controller.useForm('buyer', form);
@@ -86,7 +89,11 @@ const Main = decorator<IBuyerProps, IBuyerProps & FormComponentProps>(
                 return (
                   <Descriptions.Item key={i} label={getlabel(item)}>
                     <Form.Item>
-                      {getFieldDecorator(item.id, item.options)(item.node)}
+                      {getFieldDecorator(item.id, item.options)(
+                        autoContainer
+                          ? item.id === 'buyerName' ? <BuyerNameInput /> : item.node
+                          : item.node
+                      )}
                     </Form.Item>
                   </Descriptions.Item>
                 )

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, []);