kts-component-invoice-operate 3.1.12 → 3.1.13

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

@@ -1,113 +1,113 @@
-.kts-invoice-operate-seller {
-  display: flex;
-
-  .kts-invoice-operate-seller-message {
-    flex: 1;
-    display: flex;
-
-    .ktsAnt3x-descriptions-item-label {
-      width: 179px;
-    }
-
-    .kts-invoice-operate-seller-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-label::before {
-        content: '*';
-        position: relative;
-        color: red;
-        font-weight: bold;
-        margin-right: 2px;
-      }
-
-      .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: 30px;
-        }
-
-        .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-explain {
-        position: absolute;
-        right: 5px;
-        top: 6px;
-        z-index: 10;
-      }
-    }
-  }
-
-  .kts-invoice-operate-seller-remarks {
-    border-left: 1px solid #dcdcdc;
-    display: flex;
-    flex: none;
-    width: 458px;
-  }
-
-  .kts-invoice-operate-seller-remarks-value {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-
-    textarea {
-      flex: 1;
-      margin-bottom: 0;
-      border: none;
-      border-radius: 0;
-    }
-  }
-
-  .kts-invoice-operate-seller-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;
-    }
-  }
-}
+.kts-invoice-operate-seller {
+  display: flex;
+
+  .kts-invoice-operate-seller-message {
+    flex: 1;
+    display: flex;
+
+    .ktsAnt3x-descriptions-item-label {
+      width: 179px;
+    }
+
+    .kts-invoice-operate-seller-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-label::before {
+        content: '*';
+        position: relative;
+        color: red;
+        font-weight: bold;
+        margin-right: 2px;
+      }
+
+      .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: 30px;
+        }
+
+        .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-explain {
+        position: absolute;
+        right: 5px;
+        top: 6px;
+        z-index: 10;
+      }
+    }
+  }
+
+  .kts-invoice-operate-seller-remarks {
+    border-left: 1px solid #dcdcdc;
+    display: flex;
+    flex: none;
+    width: 458px;
+  }
+
+  .kts-invoice-operate-seller-remarks-value {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
+    textarea {
+      flex: 1;
+      margin-bottom: 0;
+      border: none;
+      border-radius: 0;
+    }
+  }
+
+  .kts-invoice-operate-seller-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;
+    }
+  }
+}

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

@@ -1,99 +1,99 @@
-import React from 'react';
-import { Descriptions, Input, Form } from 'kts-components-antd-x3';
-import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
-import { decorator } from 'grey-react-box';
-import Invoice from '../../';
-import { IFormItem } from '../../InvoiceController/InvoiceControllerState/BuyerState';
-import './index.less';
-
-const { TextArea } = Input;
-
-export interface ISellerProps {
-
-  /** 默认备注 */
-  defaultsellerRemarks?: string;
-
-  /** 表单项配置 */
-  formItem?: IFormItem[];
-
-  /** 表单渲染方法 */
-  formRender?: Map<string, (e: IFormItem) => React.ReactNode>;
-}
-
-export default class Buyer extends React.Component<ISellerProps> {
-  render = () => <Main {...this.props} />;
-}
-
-const Main = decorator<ISellerProps, ISellerProps & FormComponentProps>(Form.create())((props) => {
-
-  const { form } = props;
-
-  const { getFieldDecorator } = form;
-
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  /** 控制器 */
-  const model = controller.useMemo(s => s.model, [])
-
-  /** 注册 form 对象 */
-  controller.useForm('seller', form);
-
-  /** 表单项配置 */
-  const formItem = React.useMemo(() => {
-    if (props.formItem) {
-      return props.formItem;
-    } else {
-      return [
-        { id: 'sellerName', label: '销售方名称', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
-        { id: 'sellerNo', label: '销售方纳税人识别号', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
-        { id: 'sellerAddress', label: '销售方地址及电话', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
-        { id: 'sellerBank', label: '销售方开户行及账号', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
-      ]
-    }
-  }, [props.formItem, model])
-
-  /** 创建表单 */
-  const createFormItem = React.useCallback((e: IFormItem) => {
-    const render = props.formRender?.get(e.id);
-    if (render) {
-      return getFieldDecorator(e.id, e.options)(render(e));
-    } else {
-      return getFieldDecorator(e.id, e.options)(e.node);
-    }
-  }, [props.formRender])
-
-  return (
-    <Form>
-      <div className="kts-invoice-operate-seller">
-        <div className="kts-invoice-operate-seller-message">
-          <div className="kts-invoice-operate-seller-title">
-            <label>销售方</label>
-          </div>
-          <Descriptions
-            className="kts-invoice-operate-seller-message-list"
-            size="small"
-            column={1}
-            bordered
-          >
-            {formItem.map((e, i) => (
-              <Descriptions.Item key={i} label={e.label}>
-                <Form.Item>{createFormItem(e)}</Form.Item>
-              </Descriptions.Item>
-            ))}
-          </Descriptions>
-        </div>
-        <div className="kts-invoice-operate-seller-remarks">
-          <div className="kts-invoice-operate-seller-title">
-            <label>备注</label>
-          </div>
-          <div className="kts-invoice-operate-seller-remarks-value">
-            {getFieldDecorator('remarks', {
-              initialValue: props.defaultsellerRemarks,
-            })(<TextArea />)}
-          </div>
-        </div>
-      </div>
-    </Form>
-  );
+import React from 'react';
+import { Descriptions, Input, Form } from 'kts-components-antd-x3';
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import { decorator } from 'grey-react-box';
+import Invoice from '../../';
+import { IFormItem } from '../../InvoiceController/InvoiceControllerState/BuyerState';
+import './index.less';
+
+const { TextArea } = Input;
+
+export interface ISellerProps {
+
+  /** 默认备注 */
+  defaultsellerRemarks?: string;
+
+  /** 表单项配置 */
+  formItem?: IFormItem[];
+
+  /** 表单渲染方法 */
+  formRender?: Map<string, (e: IFormItem) => React.ReactNode>;
+}
+
+export default class Buyer extends React.Component<ISellerProps> {
+  render = () => <Main {...this.props} />;
+}
+
+const Main = decorator<ISellerProps, ISellerProps & FormComponentProps>(Form.create())((props) => {
+
+  const { form } = props;
+
+  const { getFieldDecorator } = form;
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  /** 控制器 */
+  const model = controller.useMemo(s => s.model, [])
+
+  /** 注册 form 对象 */
+  controller.useForm('seller', form);
+
+  /** 表单项配置 */
+  const formItem = React.useMemo(() => {
+    if (props.formItem) {
+      return props.formItem;
+    } else {
+      return [
+        { id: 'sellerName', label: '销售方名称', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
+        { id: 'sellerNo', label: '销售方纳税人识别号', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
+        { id: 'sellerAddress', label: '销售方地址及电话', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
+        { id: 'sellerBank', label: '销售方开户行及账号', node: <Input readOnly={model === 'prefab'} size="small" />, options: { rules: [{ required: true, message: '不能为空' }] } },
+      ]
+    }
+  }, [props.formItem, model])
+
+  /** 创建表单 */
+  const createFormItem = React.useCallback((e: IFormItem) => {
+    const render = props.formRender?.get(e.id);
+    if (render) {
+      return getFieldDecorator(e.id, e.options)(render(e));
+    } else {
+      return getFieldDecorator(e.id, e.options)(e.node);
+    }
+  }, [props.formRender])
+
+  return (
+    <Form>
+      <div className="kts-invoice-operate-seller">
+        <div className="kts-invoice-operate-seller-message">
+          <div className="kts-invoice-operate-seller-title">
+            <label>销售方</label>
+          </div>
+          <Descriptions
+            className="kts-invoice-operate-seller-message-list"
+            size="small"
+            column={1}
+            bordered
+          >
+            {formItem.map((e, i) => (
+              <Descriptions.Item key={i} label={e.label}>
+                <Form.Item>{createFormItem(e)}</Form.Item>
+              </Descriptions.Item>
+            ))}
+          </Descriptions>
+        </div>
+        <div className="kts-invoice-operate-seller-remarks">
+          <div className="kts-invoice-operate-seller-title">
+            <label>备注</label>
+          </div>
+          <div className="kts-invoice-operate-seller-remarks-value">
+            {getFieldDecorator('remarks', {
+              initialValue: props.defaultsellerRemarks,
+            })(<TextArea />)}
+          </div>
+        </div>
+      </div>
+    </Form>
+  );
 });

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

@@ -1,14 +1,14 @@
-.kts-invoice-operate-sign {
-  form {
-    display: flex;
-
-    .ktsAnt3x-row.ktsAnt3x-form-item {
-      margin: 0;
-    }
-
-    & > div {
-      flex: 1;
-      text-align: center;
-    }
-  }
-}
+.kts-invoice-operate-sign {
+  form {
+    display: flex;
+
+    .ktsAnt3x-row.ktsAnt3x-form-item {
+      margin: 0;
+    }
+
+    & > div {
+      flex: 1;
+      text-align: center;
+    }
+  }
+}

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

@@ -1,71 +1,71 @@
-import React from 'react';
-import { Descriptions, Input, Form } from 'kts-components-antd-x3';
-import { decorator } from 'grey-react-box';
-import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
-import Invoice from '../../';
-import './index.less';
-
-export interface IBuyerProps {
-
-  /** 默认收款人 */
-  defaultPayee?: string;
-
-  /** 默认复核人 */
-  defaultReviewer?: string;
-
-  /** 默认开票人 */
-  defaultIssuer?: string;
-}
-
-export default decorator<IBuyerProps, IBuyerProps & FormComponentProps>(Form.create())((props) => {
-
-  const { form } = props;
-
-  const { getFieldDecorator } = form;
-
-  /** 控制器 */
-  const controller = Invoice.useInvoiceController();
-
-  const model = controller.useMemo(s => s.model, []);
-  
-  // 注册 form
-  controller.useForm('sign', form);
-
-  return (
-    <div className="kts-invoice-operate-sign">
-      <Form {...formItemLayout}>
-        <div>
-          <Form.Item label="收款人">
-            {getFieldDecorator('payee', {
-              initialValue: props.defaultPayee,
-            })(<Input size="small" />)}
-          </Form.Item>
-        </div>
-        <div>
-          <Form.Item label="复核人">
-            {getFieldDecorator('reviewer', {
-              initialValue: props.defaultReviewer,
-            })(<Input size="small" />)}
-          </Form.Item>
-        </div>
-        <div>
-          <Form.Item label="开票人">
-            {getFieldDecorator('issuer', {
-              initialValue: props.defaultIssuer,
-              rules: [{ required: true, message: '请输入开票人' }],
-            })(<Input size="small" />)}
-          </Form.Item>
-        </div>
-      </Form>
-    </div>
-  );
-});
-
-const formItemLayout = {
-  labelCol: {
-    span: 6,
-  },
-  wrapperCol: {
-    span: 16,
-  },
-};
+import React from 'react';
+import { Descriptions, Input, Form } from 'kts-components-antd-x3';
+import { decorator } from 'grey-react-box';
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import Invoice from '../../';
+import './index.less';
+
+export interface IBuyerProps {
+
+  /** 默认收款人 */
+  defaultPayee?: string;
+
+  /** 默认复核人 */
+  defaultReviewer?: string;
+
+  /** 默认开票人 */
+  defaultIssuer?: string;
+}
+
+export default decorator<IBuyerProps, IBuyerProps & FormComponentProps>(Form.create())((props) => {
+
+  const { form } = props;
+
+  const { getFieldDecorator } = form;
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);
+  
+  // 注册 form
+  controller.useForm('sign', form);
+
+  return (
+    <div className="kts-invoice-operate-sign">
+      <Form {...formItemLayout}>
+        <div>
+          <Form.Item label="收款人">
+            {getFieldDecorator('payee', {
+              initialValue: props.defaultPayee,
+            })(<Input size="small" />)}
+          </Form.Item>
+        </div>
+        <div>
+          <Form.Item label="复核人">
+            {getFieldDecorator('reviewer', {
+              initialValue: props.defaultReviewer,
+            })(<Input size="small" />)}
+          </Form.Item>
+        </div>
+        <div>
+          <Form.Item label="开票人">
+            {getFieldDecorator('issuer', {
+              initialValue: props.defaultIssuer,
+              rules: [{ required: true, message: '请输入开票人' }],
+            })(<Input size="small" />)}
+          </Form.Item>
+        </div>
+      </Form>
+    </div>
+  );
+});
+
+const formItemLayout = {
+  labelCol: {
+    span: 6,
+  },
+  wrapperCol: {
+    span: 16,
+  },
+};

package/src/index.ts

@@ -1,6 +1,6 @@
-
-import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
-
-export { default as Invoice } from './Invoice';
-export { default as InvoiceController } from './Invoice/InvoiceController';
-export type { default as IGood } from './Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood';
+
+import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
+
+export { default as Invoice } from './Invoice';
+export { default as InvoiceController } from './Invoice/InvoiceController';
+export type { default as IGood } from './Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood';

package/tsconfig.json

@@ -1,31 +1,31 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "jsx": "react",
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "baseUrl": "./",
-    "strict": true,
-    "paths": {
-      "@/*": ["src/*"],
-      "@@/*": ["src/.umi/*"],
-      "kts-component-invoice-operate": ["src/*"]
-    },
-    "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "exclude": [
-    "node_modules",
-    "lib",
-    "es",
-    "dist",
-    "typings",
-    "**/__test__",
-    "test",
-    "docs",
-    "tests"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "baseUrl": "./",
+    "strict": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "kts-component-invoice-operate": ["src/*"]
+    },
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": [
+    "node_modules",
+    "lib",
+    "es",
+    "dist",
+    "typings",
+    "**/__test__",
+    "test",
+    "docs",
+    "tests"
+  ]
+}