kts-component-invoice-operate 3.1.2 → 3.1.4

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

@@ -1,167 +1,167 @@
-
-import React from 'react';
-import { Popover, Input, Divider, Spin, Empty } from 'kts-components-antd-x3';
-import Invoice from '../../../../';
-import { IBuyerInfo } from '../../../../InvoiceController/InvoiceControllerState/BuyerState';
-
-export interface IBuyerNameInputProps {
-  value?: string;
-  onChange?: (e: string) => void;
-}
-
-export default (props: IBuyerNameInputProps) => {
-
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  /** 组件模式 */
-  const model = controller.useMemo(s => s.model, []);
-
-  /** 是否显示 */
-  const [visible, setVisible] = React.useState(false);
-
-  /** 自动填充 */
-  const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);
-
-  /** 自动填充数据 */
-  const { dataSource, onBuyNameChange, loading } = useDataSource();
-
-  /** 悬浮内容 */
-  const content = React.useMemo(() => {
-    return (
-      <div className='kts-invoice-operate-buyer-name-content'>
-        {
-          loading
-            ? (
-              <div style={{ textAlign: 'center' }} >
-                <Spin />
-              </div>
-            )
-            : (
-              <>
-                <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 || dataSource.recent.length <= 0
-                        ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                        : 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>
-                  <div style={{ maxHeight: 200, overflow: "auto" }} >
-                    {
-                      !dataSource.list || dataSource.list.length <= 0
-                        ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                        : dataSource.list.map((e, i) => {
-                          return (
-                            <ul key={i} onClick={() => { onClickItem(e) }} className='kts-invoice-operate-buyer-name-content-select-company' >
-                              <li title={e.buyerName} >{e.buyerName}</li>
-                              <li title={e.buyerNo} >{e.buyerNo}</li>
-                            </ul>
-                          )
-                        })
-                    }
-                  </div>
-                </div>
-              </>
-            )
-        }
-      </div>
-    )
-  }, [dataSource, loading])
-
-  /** 点击了选择项 */
-  const onClickItem = React.useCallback(async (e: IBuyerInfo) => {
-    controller.formList.get('buyer')?.setFieldsValue(e);
-    setVisible(false);
-  }, [controller]);
-
-  /** 输入框数据改变 */
-  const onChangeInput = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    props.onChange && props.onChange(e.target.value);
-    onBuyNameChange(e.target.value);
-  }, [dataSource])
-
-  React.useEffect(() => {
-    visible && onBuyNameChange(props.value)
-  }, [visible, props.value])
-
-  if (model === 'prefab' || !autoContainer) {
-    return (
-      <Input
-        size="small"
-        autoComplete="off"
-        value={props.value}
-        readOnly={model === 'prefab'}
-        onChange={e => { props.onChange && props.onChange(e.target.value) }}
-      />
-    )
-  }
-
-  return (
-    <Popover
-      onVisibleChange={setVisible}
-      overlayClassName='kts-invoice-operate-buyer-name-popover'
-      placement="bottomLeft"
-      trigger="click"
-      visible={visible} 
-      content={content}
-    >
-      <Input
-        size="small"
-        autoComplete="off"
-        value={props.value}
-        onChange={onChangeInput}
-      />
-    </Popover>
-  );
-};
-
-
-/** 获取自动填充数据 */
-function useDataSource() {
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  const [loading, setLoading] = React.useState(false);
-
-  const [dataSource, setDataSource] = React.useState<{ recent?: IBuyerInfo[], list?: IBuyerInfo[] }>({ recent: [], list: [] })
-
-  const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);
-
-  const onBuyNameChange = React.useCallback(async (e?: string | undefined) => {
-    if (!autoContainer) return;
-    setLoading(true);
-    setDataSource(await autoContainer.onBuyNameChange(e));
-    setLoading(false);
-  }, [autoContainer])
-
-  return {
-    /** 购买方变化 */
-    onBuyNameChange,
-
-    /** 获取自动填充数据 */
-    dataSource,
-
-    /** 加载中 */
-    loading,
-  }
-}
-
-function MyTag(props: any) {
-  return (
-    <span className='kts-invoice-operate-buyer-name-content-tag' title={props.children} >{props.children}</span>
-  )
-}
-
-function interval(i: number, t: number) {
-  if (t % 2 === 0) {
-    return i > t - 3 ? 0 : 20;
-  } else {
-    return i > t - 2 ? 0 : 20;
-  }
+
+import React from 'react';
+import { Popover, Input, Divider, Spin, Empty } from 'kts-components-antd-x3';
+import Invoice from '../../../../';
+import { IBuyerInfo } from '../../../../InvoiceController/InvoiceControllerState/BuyerState';
+
+export interface IBuyerNameInputProps {
+  value?: string;
+  onChange?: (e: string) => void;
+}
+
+export default (props: IBuyerNameInputProps) => {
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  /** 组件模式 */
+  const model = controller.useMemo(s => s.model, []);
+
+  /** 是否显示 */
+  const [visible, setVisible] = React.useState(false);
+
+  /** 自动填充 */
+  const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);
+
+  /** 自动填充数据 */
+  const { dataSource, onBuyNameChange, loading } = useDataSource();
+
+  /** 悬浮内容 */
+  const content = React.useMemo(() => {
+    return (
+      <div className='kts-invoice-operate-buyer-name-content'>
+        {
+          loading
+            ? (
+              <div style={{ textAlign: 'center' }} >
+                <Spin />
+              </div>
+            )
+            : (
+              <>
+                <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 || dataSource.recent.length <= 0
+                        ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+                        : 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>
+                  <div style={{ maxHeight: 200, overflow: "auto" }} >
+                    {
+                      !dataSource.list || dataSource.list.length <= 0
+                        ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+                        : dataSource.list.map((e, i) => {
+                          return (
+                            <ul key={i} onClick={() => { onClickItem(e) }} className='kts-invoice-operate-buyer-name-content-select-company' >
+                              <li title={e.buyerName} >{e.buyerName}</li>
+                              <li title={e.buyerNo} >{e.buyerNo}</li>
+                            </ul>
+                          )
+                        })
+                    }
+                  </div>
+                </div>
+              </>
+            )
+        }
+      </div>
+    )
+  }, [dataSource, loading])
+
+  /** 点击了选择项 */
+  const onClickItem = React.useCallback(async (e: IBuyerInfo) => {
+    controller.formList.get('buyer')?.setFieldsValue(e);
+    setVisible(false);
+  }, [controller]);
+
+  /** 输入框数据改变 */
+  const onChangeInput = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    props.onChange && props.onChange(e.target.value);
+    onBuyNameChange(e.target.value);
+  }, [dataSource])
+
+  React.useEffect(() => {
+    visible && onBuyNameChange(props.value)
+  }, [visible, props.value])
+
+  if (model === 'prefab' || !autoContainer) {
+    return (
+      <Input
+        size="small"
+        autoComplete="off"
+        value={props.value}
+        readOnly={model === 'prefab'}
+        onChange={e => { props.onChange && props.onChange(e.target.value) }}
+      />
+    )
+  }
+
+  return (
+    <Popover
+      onVisibleChange={setVisible}
+      overlayClassName='kts-invoice-operate-buyer-name-popover'
+      placement="bottomLeft"
+      trigger="click"
+      visible={visible} 
+      content={content}
+    >
+      <Input
+        size="small"
+        autoComplete="off"
+        value={props.value}
+        onChange={onChangeInput}
+      />
+    </Popover>
+  );
+};
+
+
+/** 获取自动填充数据 */
+function useDataSource() {
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  const [loading, setLoading] = React.useState(false);
+
+  const [dataSource, setDataSource] = React.useState<{ recent?: IBuyerInfo[], list?: IBuyerInfo[] }>({ recent: [], list: [] })
+
+  const autoContainer = controller.useMemo(s => s.buyerState.autoContainer, []);
+
+  const onBuyNameChange = React.useCallback(async (e?: string | undefined) => {
+    if (!autoContainer) return;
+    setLoading(true);
+    setDataSource(await autoContainer.onBuyNameChange(e));
+    setLoading(false);
+  }, [autoContainer])
+
+  return {
+    /** 购买方变化 */
+    onBuyNameChange,
+
+    /** 获取自动填充数据 */
+    dataSource,
+
+    /** 加载中 */
+    loading,
+  }
+}
+
+function MyTag(props: any) {
+  return (
+    <span className='kts-invoice-operate-buyer-name-content-tag' title={props.children} >{props.children}</span>
+  )
+}
+
+function interval(i: number, t: number) {
+  if (t % 2 === 0) {
+    return i > t - 3 ? 0 : 20;
+  } else {
+    return i > t - 2 ? 0 : 20;
+  }
 }

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import { Button } from 'kts-components-antd-x3';
-import Invoice from '../../../../';
-
-export default () => {
-  const controller = Invoice.useInvoiceController();
-
-  const onClick = React.useCallback(() => {
-    controller.pipeline(async (s) => {
-      s.buyerState.isVisibleDrawer = true;
-    })();
-  }, [controller]);
-
-  return (
-    <>
-      {controller.getBuyerList && (
-        <Button type="link" icon="plus-circle" onClick={onClick} />
-      )}
-    </>
-  );
-};
+import React from 'react';
+import { Button } from 'kts-components-antd-x3';
+import Invoice from '../../../../';
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  const onClick = React.useCallback(() => {
+    controller.pipeline(async (s) => {
+      s.buyerState.isVisibleDrawer = true;
+    })();
+  }, [controller]);
+
+  return (
+    <>
+      {controller.getBuyerList && (
+        <Button type="link" icon="plus-circle" onClick={onClick} />
+      )}
+    </>
+  );
+};

package/src/Invoice/ui/EndowCodeDrawer/index.less

@@ -1,8 +1,8 @@
-.kts-invoice-operate-goods-endow-code-button-list {
-  display: flex;
-  flex-direction: column;
-
-  & > button {
-    margin-bottom: 10px;
-  }
-}
+.kts-invoice-operate-goods-endow-code-button-list {
+  display: flex;
+  flex-direction: column;
+
+  & > button {
+    margin-bottom: 10px;
+  }
+}