kts-component-invoice-operate 3.2.244 → 3.2.245

package/src/Invoice/ui/default/Buyer/index.less

@@ -1,220 +1,220 @@
-.kts-invoice-operate-buyer {
-  display: flex;
-
-  .kts-invoice-operate-buyer-message {
-    flex    : 1;
-    display : flex;
-    position: relative;
-
-    .ktsAnt3x-descriptions-item-label {
-      width: 179px;
-    }
-
-    .kts-invoice-operate-buyer-message-list {
-      width: 100%;
-
-      .ktsAnt3x-descriptions-view {
-        border: none;
-      }
-
-      .ktsAnt3x-descriptions-item-label {
-        padding         : 0 10px;
-        font-size       : 12px;
-        background-color: #fff;
-        line-height     : 30px;
-      }
-
-      .ktsAnt3x-descriptions-item-content {
-        padding: 0;
-
-        .ktsAnt3x-input {
-          box-shadow   : none;
-          border-color : #fff;
-          border-radius: 0;
-          padding      : 0 10px;
-          font-size    : 12px;
-          line-height  : 30px;
-          width        : 100%;
-          height       : 100%;
-        }
-
-        .ktsAnt3x-input:hover {
-          border            : 1 solid;
-          border-color      : #40a9ff;
-          border-right-width: 1px !important;
-        }
-
-        .has-error .ktsAnt3x-input,
-        .has-error .ktsAnt3x-input:hover {
-          background-color: #fff;
-          border          : 1 solid;
-          border-color    : #f5222d;
-        }
-      }
-
-      .ktsAnt3x-form-item {
-        margin: 0;
-      }
-
-      .ktsAnt3x-form-item-control {
-        line-height: 0;
-      }
-
-      .ktsAnt3x-form-item-children {
-        height : 30px;
-        display: block;
-
-        .ktsAnt3x-btn {
-          line-height: 0;
-        }
-      }
-
-      .ktsAnt3x-form-explain {
-        position: absolute;
-        left    : 5px;
-        top     : 6px;
-        z-index : 10;
-      }
-    }
-
-    .kts-invoice-operate-buyer-message-Import {
-      position: absolute;
-      right   : 0px;
-      top     : 0px;
-      z-index : 10;
-    }
-  }
-
-  .kts-invoice-operate-buyer-password {
-    border-left: 1px solid #dcdcdc;
-    display    : flex;
-    flex       : none;
-    width      : 458px;
-  }
-
-  .kts-invoice-operate-buyer-title {
-    flex        : none;
-    width       : 30px;
-    height      : 100%;
-    text-align  : center;
-    border-right: 1px solid #dcdcdc;
-    display     : table;
-    padding     : 0 5px;
-
-    label {
-      display       : table-cell;
-      vertical-align: middle;
-    }
-  }
-}
-
-.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {
-  padding-top: 0;
-
-  .ktsAnt3x-popover-inner-content {
-    padding       : 6px 0;
-    display       : flex;
-    flex-direction: column;
-    overflow-y    : auto;
-    overflow-x    : hidden;
-  }
-
-  .ktsAnt3x-popover-arrow {
-    display: none;
-  }
-
-  .kts-invoice-operate-buyer-name-content {
-    width: 567px;
-
-
-    .kts-invoice-operate-buyer-name-content-block {
-      padding: 14px 0;
-
-      label {
-        display  : block;
-        font-size: 12px;
-        color    : #666666;
-      }
-    }
-
-    .kts-invoice-operate-buyer-name-content-recently-issued {
-      padding: 0;
-      margin : 0;
-
-      li {
-        list-style   : none;
-        width        : 50%;
-        float        : left;
-        margin-bottom: 20px;
-        padding      : 0 10px;
-      }
-
-      &::after {
-        content   : ".";
-        display   : block;
-        height    : 0;
-        clear     : left;
-        visibility: hidden;
-      }
-    }
-
-    .kts-invoice-operate-buyer-name-content-select-company {
-      padding    : 0;
-      margin     : 0;
-      font-size  : 12px;
-      padding    : 10px;
-      font-weight: bold;
-      color      : #000000;
-      cursor     : pointer;
-      transition : background .4s;
-
-      &:hover {
-        background: #e6e6e6e6;
-      }
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-      li {
-        list-style   : none;
-        width        : 50%;
-        float        : left;
-        text-overflow: ellipsis;
-        white-space  : nowrap;
-        overflow     : hidden;
-        padding-right: 10px;
-      }
-
-      &::after {
-        content   : ".";
-        display   : block;
-        height    : 0;
-        clear     : left;
-        visibility: hidden;
-      }
-    }
-  }
-
-  .kts-invoice-operate-buyer-name-content-tag {
-    line-height  : 1;
-    padding      : 4px 12px;
-    background   : #F3F3F3;
-    border-radius: 9999px;
-    font-size    : 12px;
-    font-weight  : bold;
-    color        : #000;
-    cursor       : pointer;
-    transition   : background .4s;
-    display      : inline-block;
-
-    max-width    : 100%;
-    text-overflow: ellipsis;
-    white-space  : nowrap;
-    overflow     : hidden;
-
-    &:hover {
-      background: #e6e6e6e6;
-    }
-  }
+.kts-invoice-operate-buyer {
+  display: flex;
+
+  .kts-invoice-operate-buyer-message {
+    flex    : 1;
+    display : flex;
+    position: relative;
+
+    .ktsAnt3x-descriptions-item-label {
+      width: 179px;
+    }
+
+    .kts-invoice-operate-buyer-message-list {
+      width: 100%;
+
+      .ktsAnt3x-descriptions-view {
+        border: none;
+      }
+
+      .ktsAnt3x-descriptions-item-label {
+        padding         : 0 10px;
+        font-size       : 12px;
+        background-color: #fff;
+        line-height     : 30px;
+      }
+
+      .ktsAnt3x-descriptions-item-content {
+        padding: 0;
+
+        .ktsAnt3x-input {
+          box-shadow   : none;
+          border-color : #fff;
+          border-radius: 0;
+          padding      : 0 10px;
+          font-size    : 12px;
+          line-height  : 30px;
+          width        : 100%;
+          height       : 100%;
+        }
+
+        .ktsAnt3x-input:hover {
+          border            : 1 solid;
+          border-color      : #40a9ff;
+          border-right-width: 1px !important;
+        }
+
+        .has-error .ktsAnt3x-input,
+        .has-error .ktsAnt3x-input:hover {
+          background-color: #fff;
+          border          : 1 solid;
+          border-color    : #f5222d;
+        }
+      }
+
+      .ktsAnt3x-form-item {
+        margin: 0;
+      }
+
+      .ktsAnt3x-form-item-control {
+        line-height: 0;
+      }
+
+      .ktsAnt3x-form-item-children {
+        height : 30px;
+        display: block;
+
+        .ktsAnt3x-btn {
+          line-height: 0;
+        }
+      }
+
+      .ktsAnt3x-form-explain {
+        position: absolute;
+        left    : 5px;
+        top     : 6px;
+        z-index : 10;
+      }
+    }
+
+    .kts-invoice-operate-buyer-message-Import {
+      position: absolute;
+      right   : 0px;
+      top     : 0px;
+      z-index : 10;
+    }
+  }
+
+  .kts-invoice-operate-buyer-password {
+    border-left: 1px solid #dcdcdc;
+    display    : flex;
+    flex       : none;
+    width      : 458px;
+  }
+
+  .kts-invoice-operate-buyer-title {
+    flex        : none;
+    width       : 30px;
+    height      : 100%;
+    text-align  : center;
+    border-right: 1px solid #dcdcdc;
+    display     : table;
+    padding     : 0 5px;
+
+    label {
+      display       : table-cell;
+      vertical-align: middle;
+    }
+  }
+}
+
+.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {
+  padding-top: 0;
+
+  .ktsAnt3x-popover-inner-content {
+    padding       : 6px 0;
+    display       : flex;
+    flex-direction: column;
+    overflow-y    : auto;
+    overflow-x    : hidden;
+  }
+
+  .ktsAnt3x-popover-arrow {
+    display: none;
+  }
+
+  .kts-invoice-operate-buyer-name-content {
+    width: 567px;
+
+
+    .kts-invoice-operate-buyer-name-content-block {
+      padding: 14px 0;
+
+      label {
+        display  : block;
+        font-size: 12px;
+        color    : #666666;
+      }
+    }
+
+    .kts-invoice-operate-buyer-name-content-recently-issued {
+      padding: 0;
+      margin : 0;
+
+      li {
+        list-style   : none;
+        width        : 50%;
+        float        : left;
+        margin-bottom: 20px;
+        padding      : 0 10px;
+      }
+
+      &::after {
+        content   : ".";
+        display   : block;
+        height    : 0;
+        clear     : left;
+        visibility: hidden;
+      }
+    }
+
+    .kts-invoice-operate-buyer-name-content-select-company {
+      padding    : 0;
+      margin     : 0;
+      font-size  : 12px;
+      padding    : 10px;
+      font-weight: bold;
+      color      : #000000;
+      cursor     : pointer;
+      transition : background .4s;
+
+      &:hover {
+        background: #e6e6e6e6;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      li {
+        list-style   : none;
+        width        : 50%;
+        float        : left;
+        text-overflow: ellipsis;
+        white-space  : nowrap;
+        overflow     : hidden;
+        padding-right: 10px;
+      }
+
+      &::after {
+        content   : ".";
+        display   : block;
+        height    : 0;
+        clear     : left;
+        visibility: hidden;
+      }
+    }
+  }
+
+  .kts-invoice-operate-buyer-name-content-tag {
+    line-height  : 1;
+    padding      : 4px 12px;
+    background   : #F3F3F3;
+    border-radius: 9999px;
+    font-size    : 12px;
+    font-weight  : bold;
+    color        : #000;
+    cursor       : pointer;
+    transition   : background .4s;
+    display      : inline-block;
+
+    max-width    : 100%;
+    text-overflow: ellipsis;
+    white-space  : nowrap;
+    overflow     : hidden;
+
+    &:hover {
+      background: #e6e6e6e6;
+    }
+  }
 }

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

@@ -1,114 +1,114 @@
-import React from 'react';
-import { Descriptions, Form, Typography, Input } from 'kts-components-antd-x3';
-import { decorator } from 'grey-react-box';
-import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
-import ImportBuyerButton from './ui/ImportBuyerButton';
-import BuyerNameInput from './ui/BuyerNameInput';
-import { IFormItem } from '../../../InvoiceController/InvoiceControllerState/BuyerState';
-import Invoice from '../../..';
-import './index.less';
-
-const { Text } = Typography;
-
-export interface IBuyerProps {
-  formItem?: IFormItem[];
-}
-
-export default class Buyer extends React.Component<IBuyerProps> {
-  render = () => <Main {...this.props} />;
-}
-
-const Main = decorator<IBuyerProps, IBuyerProps & FormComponentProps>(
-  Form.create(),
-)((props) => {
-  const { form } = props;
-
-  const { getFieldDecorator } = form;
-
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  /** 组件模式 */
-  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: <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]);
-
-  /** 注册 form */
-  controller.useForm('buyer', form);
-
-  const getlabel = React.useCallback((e: IFormItem) => {
-
-    if (e.options.rules) {
-      if (e.options.rules.some(e => { return e.required })) {
-        return (
-          <>
-            <Text type="danger">*</Text>
-            {e.label}
-          </>
-        )
-      } else {
-        return e.label
-      }
-    } else {
-      return e.label;
-    }
-  }, [])
-
-  return (
-    <Form>
-      <div className="kts-invoice-operate-buyer">
-        <div className="kts-invoice-operate-buyer-message">
-          <div className="kts-invoice-operate-buyer-title">
-            <label>购买方</label>
-          </div>
-          <div className="kts-invoice-operate-buyer-message-Import">
-            {model !== 'prefab' && <ImportBuyerButton />}
-          </div>
-          <Descriptions
-            className="kts-invoice-operate-buyer-message-list"
-            size="small"
-            column={1}
-            bordered
-          >
-            {
-              formItem.map((item, i) => {
-                return (
-                  <Descriptions.Item key={i} label={getlabel(item)}>
-                    <Form.Item>
-                      {getFieldDecorator(item.id, item.options)(
-                        autoContainer
-                          ? item.id === 'buyerName' ? <BuyerNameInput /> : item.node
-                          : item.node
-                      )}
-                    </Form.Item>
-                  </Descriptions.Item>
-                )
-              })
-            }
-          </Descriptions>
-        </div>
-        <div className="kts-invoice-operate-buyer-password">
-          <div className="kts-invoice-operate-buyer-title">
-            <label>密码区</label>
-          </div>
-          <div></div>
-        </div>
-      </div>
-    </Form>
-  );
-});
-
+import React from 'react';
+import { Descriptions, Form, Typography, Input } from 'kts-components-antd-x3';
+import { decorator } from 'grey-react-box';
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import ImportBuyerButton from './ui/ImportBuyerButton';
+import BuyerNameInput from './ui/BuyerNameInput';
+import { IFormItem } from '../../../InvoiceController/InvoiceControllerState/BuyerState';
+import Invoice from '../../..';
+import './index.less';
+
+const { Text } = Typography;
+
+export interface IBuyerProps {
+  formItem?: IFormItem[];
+}
+
+export default class Buyer extends React.Component<IBuyerProps> {
+  render = () => <Main {...this.props} />;
+}
+
+const Main = decorator<IBuyerProps, IBuyerProps & FormComponentProps>(
+  Form.create(),
+)((props) => {
+  const { form } = props;
+
+  const { getFieldDecorator } = form;
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  /** 组件模式 */
+  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: <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]);
+
+  /** 注册 form */
+  controller.useForm('buyer', form);
+
+  const getlabel = React.useCallback((e: IFormItem) => {
+
+    if (e.options.rules) {
+      if (e.options.rules.some(e => { return e.required })) {
+        return (
+          <>
+            <Text type="danger">*</Text>
+            {e.label}
+          </>
+        )
+      } else {
+        return e.label
+      }
+    } else {
+      return e.label;
+    }
+  }, [])
+
+  return (
+    <Form>
+      <div className="kts-invoice-operate-buyer">
+        <div className="kts-invoice-operate-buyer-message">
+          <div className="kts-invoice-operate-buyer-title">
+            <label>购买方</label>
+          </div>
+          <div className="kts-invoice-operate-buyer-message-Import">
+            {model !== 'prefab' && <ImportBuyerButton />}
+          </div>
+          <Descriptions
+            className="kts-invoice-operate-buyer-message-list"
+            size="small"
+            column={1}
+            bordered
+          >
+            {
+              formItem.map((item, i) => {
+                return (
+                  <Descriptions.Item key={i} label={getlabel(item)}>
+                    <Form.Item>
+                      {getFieldDecorator(item.id, item.options)(
+                        autoContainer
+                          ? item.id === 'buyerName' ? <BuyerNameInput /> : item.node
+                          : item.node
+                      )}
+                    </Form.Item>
+                  </Descriptions.Item>
+                )
+              })
+            }
+          </Descriptions>
+        </div>
+        <div className="kts-invoice-operate-buyer-password">
+          <div className="kts-invoice-operate-buyer-title">
+            <label>密码区</label>
+          </div>
+          <div></div>
+        </div>
+      </div>
+    </Form>
+  );
+});
+