kts-component-invoice-operate 3.2.244 → 3.2.245

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

@@ -1,49 +1,49 @@
-.kts-invoice-operate-sign-digtal {
-    padding      : 20px 20px 0;
-    border-bottom: 2px solid #9F613E;
-    border-left  : 2px solid #9F613E;
-    border-right : 2px solid #9F613E;
-
-    .sign-digtal-label {
-        color      : #9F613E;
-        font-weight: bold;
-    }
-}
-
-.kts-invoice-operate-sign-digtal-readOnly {
-    .sign-digtal-readOnly-cont {
-        border-bottom: 2px solid #9F613E;
-        border-left  : 2px solid #9F613E;
-        border-right : 2px solid #9F613E;
-        display      : flex;
-
-        &>div:nth-child(even) {
-            flex          : 1;
-            display       : flex;
-            flex-direction: column;
-            padding       : 10px;
-            min-height    : 189px;
-        }
-
-        &>div:nth-child(odd) {
-            flex           : none;
-            text-align     : center;
-            color          : #9F613E;
-            display        : flex;
-            flex-direction : column;
-            justify-content: center;
-            justify-items  : center;
-            padding        : 0 4px;
-            border-right   : 2px solid #9F613E;
-        }
-    }
-
-    .digtal-readOnly-form {
-        padding-left: 30px;
-
-        .ktsAnt3x-form-item-label label {
-            color      : #9F613E;
-            font-weight: bold;
-        }
-    }
+.kts-invoice-operate-sign-digtal {
+    padding      : 20px 20px 0;
+    border-bottom: 2px solid #9F613E;
+    border-left  : 2px solid #9F613E;
+    border-right : 2px solid #9F613E;
+
+    .sign-digtal-label {
+        color      : #9F613E;
+        font-weight: bold;
+    }
+}
+
+.kts-invoice-operate-sign-digtal-readOnly {
+    .sign-digtal-readOnly-cont {
+        border-bottom: 2px solid #9F613E;
+        border-left  : 2px solid #9F613E;
+        border-right : 2px solid #9F613E;
+        display      : flex;
+
+        &>div:nth-child(even) {
+            flex          : 1;
+            display       : flex;
+            flex-direction: column;
+            padding       : 10px;
+            min-height    : 189px;
+        }
+
+        &>div:nth-child(odd) {
+            flex           : none;
+            text-align     : center;
+            color          : #9F613E;
+            display        : flex;
+            flex-direction : column;
+            justify-content: center;
+            justify-items  : center;
+            padding        : 0 4px;
+            border-right   : 2px solid #9F613E;
+        }
+    }
+
+    .digtal-readOnly-form {
+        padding-left: 30px;
+
+        .ktsAnt3x-form-item-label label {
+            color      : #9F613E;
+            font-weight: bold;
+        }
+    }
 }

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

@@ -1,100 +1,100 @@
-
-import React from 'react';
-import { Input } from 'kts-xui';
-import { 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 {
-
-    /** 默认备注 */
-    defaultRemark?: 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, []);
-
-    /** 禁用字段 */
-    const disableds = controller.useMemo(s => s.stakeholder.disableds || [], []);
-
-    /** 启用字段 */
-    const enables = controller.useMemo(s => s.stakeholder.enables || [], []);
-
-    const readOnly = React.useMemo(() => model === 'readOnly', [model]);
-
-    const isReadOnly = React.useCallback(field => disableds.indexOf(field) >= 0, [disableds])
-
-    const isEnables = React.useCallback(field => enables.indexOf(field) >= 0, [enables])
-
-    // 注册 form
-    controller.useForm('sign', form);
-
-    if (readOnly) {
-        return (
-            <div className="kts-invoice-operate-sign-digtal-readOnly">
-                <div className='sign-digtal-readOnly-cont' >
-                    <div>
-                        <span>备</span>
-                        <span>注</span>
-                    </div>
-                    <div>
-                        {getFieldDecorator('remarks', {
-                            initialValue: props.defaultRemark
-                        })(
-                            isEnables('remarks')
-                                ? <Input.TextArea placeholder='请输入' style={{ height: '100%' }} />
-                                : <MyDiv style={{whiteSpace: 'pre-wrap', wordBreak: 'break-all'}} />
-                        )}
-                    </div>
-                </div>
-                <Form layout='inline' className='digtal-readOnly-form' >
-                    <Form.Item label='开票人' >
-                        {getFieldDecorator('drawer', {
-                            initialValue: props.defaultRemark
-                        })(<MyDiv />)}
-                    </Form.Item>
-                </Form>
-            </div>
-        );
-    } else {
-        return (
-            <div className="kts-invoice-operate-sign-digtal">
-                <div className='sign-digtal-label' >备注信息</div>
-                <Form>
-                    <Form.Item label="备注" >
-                        {getFieldDecorator('remarks', {
-                            initialValue: props.defaultRemark
-                        })(<Input.TextArea readOnly={isReadOnly('remarks')} autoSize placeholder='请输入' />)}
-                    </Form.Item>
-
-                    <Form.Item label="开票人" >
-                        {getFieldDecorator('drawer', {
-                            initialValue: props.defaultIssuer
-                        })(<Input readOnly={isReadOnly('drawer')} style={{ width: 313 }} placeholder='请输入' />)}
-                    </Form.Item>
-                </Form>
-            </div>
-        );
-    }
-});
-
-class MyDiv extends React.Component<{ value?: string, style?: React.CSSProperties }> {
-    render(): React.ReactNode {
-        return (
-            <div style={this.props.style}>{this.props.value}</div>
-        )
-    }
+
+import React from 'react';
+import { Input } from 'kts-xui';
+import { 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 {
+
+    /** 默认备注 */
+    defaultRemark?: 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, []);
+
+    /** 禁用字段 */
+    const disableds = controller.useMemo(s => s.stakeholder.disableds || [], []);
+
+    /** 启用字段 */
+    const enables = controller.useMemo(s => s.stakeholder.enables || [], []);
+
+    const readOnly = React.useMemo(() => model === 'readOnly', [model]);
+
+    const isReadOnly = React.useCallback(field => disableds.indexOf(field) >= 0, [disableds])
+
+    const isEnables = React.useCallback(field => enables.indexOf(field) >= 0, [enables])
+
+    // 注册 form
+    controller.useForm('sign', form);
+
+    if (readOnly) {
+        return (
+            <div className="kts-invoice-operate-sign-digtal-readOnly">
+                <div className='sign-digtal-readOnly-cont' >
+                    <div>
+                        <span>备</span>
+                        <span>注</span>
+                    </div>
+                    <div>
+                        {getFieldDecorator('remarks', {
+                            initialValue: props.defaultRemark
+                        })(
+                            isEnables('remarks')
+                                ? <Input.TextArea placeholder='请输入' style={{ height: '100%' }} />
+                                : <MyDiv style={{whiteSpace: 'pre-wrap', wordBreak: 'break-all'}} />
+                        )}
+                    </div>
+                </div>
+                <Form layout='inline' className='digtal-readOnly-form' >
+                    <Form.Item label='开票人' >
+                        {getFieldDecorator('drawer', {
+                            initialValue: props.defaultRemark
+                        })(<MyDiv />)}
+                    </Form.Item>
+                </Form>
+            </div>
+        );
+    } else {
+        return (
+            <div className="kts-invoice-operate-sign-digtal">
+                <div className='sign-digtal-label' >备注信息</div>
+                <Form>
+                    <Form.Item label="备注" >
+                        {getFieldDecorator('remarks', {
+                            initialValue: props.defaultRemark
+                        })(<Input.TextArea readOnly={isReadOnly('remarks')} autoSize placeholder='请输入' />)}
+                    </Form.Item>
+
+                    <Form.Item label="开票人" >
+                        {getFieldDecorator('drawer', {
+                            initialValue: props.defaultIssuer
+                        })(<Input readOnly={isReadOnly('drawer')} style={{ width: 313 }} placeholder='请输入' />)}
+                    </Form.Item>
+                </Form>
+            </div>
+        );
+    }
+});
+
+class MyDiv extends React.Component<{ value?: string, style?: React.CSSProperties }> {
+    render(): React.ReactNode {
+        return (
+            <div style={this.props.style}>{this.props.value}</div>
+        )
+    }
 }

package/src/Invoice/ui/digtal/StakeFarmerholder/index.less

@@ -1,100 +1,100 @@
-.kts-invoice-operate-invoice-digtal-stakeholder,.kts-invoice-operate-invoice-digtal-payinfo {
-
-    display: flex;
-
-    .digtal-stakeholder-expand-button {
-        cursor: pointer;
-    }
-
-    &>div {
-        border-right: 2px solid #9F613E;
-
-        &:nth-child(even) {
-            flex           : 1;
-            display        : flex;
-            flex-direction : column;
-            justify-content: end;
-        }
-
-        &:nth-child(odd) {
-            flex           : none;
-            text-align     : center;
-            color          : #9F613E;
-            display        : flex;
-            flex-direction : column;
-            justify-content: center;
-            justify-items  : center;
-            padding        : 0 4px;
-        }
-
-        &:last-child {
-            border-right: none;
-        }
-    }
-
-    .digtal-stakeholder-form {
-
-        padding: 12px 10px 5px;
-
-        .ktsAntX-col {
-            margin-bottom: 15px;
-        }
-
-        .ktsAnt3x-row.ktsAnt3x-form-item {
-            display      : flex;
-            margin-bottom: 0;
-
-            .ktsAnt3x-form-item-label {
-                flex       : none;
-                font-weight: 500;
-                line-height: 29px;
-
-                label {
-                    color: #9F603D;
-                }
-            }
-
-            .ktsAnt3x-form-item-control {
-                line-height: 1.4;
-
-                .digtal-stakeholder-form-text {
-                    word-break : break-all;
-                    line-height: 29px;
-                }
-            }
-
-            .ktsAnt3x-form-item-control-wrapper {
-                flex: 1;
-            }
-        }
-    }
-
-    .natural-person-flag {
-
-        padding: 0 8px;
-
-        .ktsAnt3x-form-item-control {
-            line-height: 32px
-        }
-
-        .ktsAnt3x-row.ktsAnt3x-form-item {
-            margin-bottom: 0
-        }
-    }
-}
-
-.kts-invoice-operate-invoice-digtal-stakeholder.readOnly {
-    &>div:nth-child(even) {
-        justify-content: start;
-    }
-
-    .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-label {
-        line-height: 1.4;
-    }
-
-    .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-control {
-        .digtal-stakeholder-form-text {
-            line-height: 1.4;
-        }
-    }
+.kts-invoice-operate-invoice-digtal-stakeholder,.kts-invoice-operate-invoice-digtal-payinfo {
+
+    display: flex;
+
+    .digtal-stakeholder-expand-button {
+        cursor: pointer;
+    }
+
+    &>div {
+        border-right: 2px solid #9F613E;
+
+        &:nth-child(even) {
+            flex           : 1;
+            display        : flex;
+            flex-direction : column;
+            justify-content: end;
+        }
+
+        &:nth-child(odd) {
+            flex           : none;
+            text-align     : center;
+            color          : #9F613E;
+            display        : flex;
+            flex-direction : column;
+            justify-content: center;
+            justify-items  : center;
+            padding        : 0 4px;
+        }
+
+        &:last-child {
+            border-right: none;
+        }
+    }
+
+    .digtal-stakeholder-form {
+
+        padding: 12px 10px 5px;
+
+        .ktsAntX-col {
+            margin-bottom: 15px;
+        }
+
+        .ktsAnt3x-row.ktsAnt3x-form-item {
+            display      : flex;
+            margin-bottom: 0;
+
+            .ktsAnt3x-form-item-label {
+                flex       : none;
+                font-weight: 500;
+                line-height: 29px;
+
+                label {
+                    color: #9F603D;
+                }
+            }
+
+            .ktsAnt3x-form-item-control {
+                line-height: 1.4;
+
+                .digtal-stakeholder-form-text {
+                    word-break : break-all;
+                    line-height: 29px;
+                }
+            }
+
+            .ktsAnt3x-form-item-control-wrapper {
+                flex: 1;
+            }
+        }
+    }
+
+    .natural-person-flag {
+
+        padding: 0 8px;
+
+        .ktsAnt3x-form-item-control {
+            line-height: 32px
+        }
+
+        .ktsAnt3x-row.ktsAnt3x-form-item {
+            margin-bottom: 0
+        }
+    }
+}
+
+.kts-invoice-operate-invoice-digtal-stakeholder.readOnly {
+    &>div:nth-child(even) {
+        justify-content: start;
+    }
+
+    .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-label {
+        line-height: 1.4;
+    }
+
+    .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-control {
+        .digtal-stakeholder-form-text {
+            line-height: 1.4;
+        }
+    }
 }