@kmkf-fe-packages/services-components 0.6.3-alpha.38 → 0.6.3-alpha.39

package/dist/esm/components/Handler/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentInterface, ColumnConfig, Record, PickOption } from '../../type';
 declare class Handler implements ComponentInterface {
     name: string;
@@ -9,7 +9,7 @@ declare class Handler implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderPc: (v: unknown, record: Record) => JSX.Element;
+    renderPc: (v: unknown, record: Record) => React.JSX.Element;
     renderLog: () => null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: {

package/dist/esm/components/Input/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
+import React from 'react';
 declare class BasicInput implements ComponentInterface {
     name: string;
     id: string;
@@ -9,12 +9,12 @@ declare class BasicInput implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;
-    renderClient: (record: Record) => JSX.Element | null;
-    editRender: () => JSX.Element;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/JstItemSelect/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
 declare class JstItemSelect implements ComponentInterface {
     name: string;
@@ -12,12 +12,12 @@ declare class JstItemSelect implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/JstLogistics/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
 declare class JstLogistics implements ComponentInterface {
     name: string;
@@ -12,12 +12,12 @@ declare class JstLogistics implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => ({
         type: string;
         id: string;

package/dist/esm/components/JstSendGood/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class JstSendGood implements ComponentInterface {
     name: string;
     id: string;
@@ -10,12 +10,12 @@ declare class JstSendGood implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/JstSupply/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class JstSupply implements ComponentInterface {
     name: string;
     id: string;
@@ -10,12 +10,12 @@ declare class JstSupply implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Logistics/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
+import React from 'react';
 import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
 import Express from '../Express';
 import ExpressCode from '../ExpressCode';
@@ -15,10 +15,10 @@ declare class Logistics implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    editRender: (value: any) => JSX.Element;
-    renderClient: (record: Record) => JSX.Element;
+    editRender: (value: any) => React.JSX.Element;
+    renderClient: (record: Record) => React.JSX.Element;
     renderPc: () => null;
-    renderLog: (r: Record) => JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element;
     getComponentValue: (r: Record) => {
         company: any;
         order: any;

package/dist/esm/components/Logistics/index.js

@@ -48,7 +48,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
     return null;
   });
   _defineProperty(this, "renderLog", function (r) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderLog(r), _this.expressCode.renderLog(r));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.express.name, ": ", _this.express.renderLog(r)), /*#__PURE__*/React.createElement("div", null, _this.expressCode.name, ": ", _this.expressCode.renderLog(r)));
   });
   _defineProperty(this, "getComponentValue", function (r) {
     return {

package/dist/esm/components/LogisticsInterception/InterceptAddress.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ALignType, Record } from "../../type";
+import React from "react";
 import { AddressData } from "@kmkf-fe-packages/kmkf-utils";
 declare class PaymentTid implements ComponentInterface {
     name: string;
@@ -15,9 +15,9 @@ declare class PaymentTid implements ComponentInterface {
     originId: string;
     addressDateInstance: AddressData;
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => {
         province: any;
         city: any;
@@ -27,7 +27,7 @@ declare class PaymentTid implements ComponentInterface {
         mobile: any;
     };
     renderExport: (value: any, record: Record) => string | null;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: () => never[];
 }
 export default PaymentTid;

package/dist/esm/components/LogisticsInterception/InterceptStatus.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
 import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 declare class InterceptStatus implements ComponentInterface {
     name: string;
@@ -16,7 +16,7 @@ declare class InterceptStatus implements ComponentInterface {
     expressInterceptInstance: ExpressInterceptData;
     constructor(options: PickOption);
     getComponentValue: (r: Record) => any;
-    renderClient: (record: any) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: any, record: Record) => any;
     renderLog: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;

package/dist/esm/components/LogisticsInterception/InterceptStatus.js

@@ -54,22 +54,22 @@ var InterceptStatus = /*#__PURE__*/_createClass(function InterceptStatus(options
   _defineProperty(this, "filterConfig", function (item) {
     return {
       type: item.type,
-      id: "".concat(item.id, "_interceptLogisticsStatus"),
-      name: "".concat(item.name, "-\u7269\u6D41\u72B6\u6001"),
-      filterComponentType: "MultipleSelect",
+      id: "".concat(item.id, "_interceptStatus"),
+      name: "".concat(item.name, "-\u62E6\u622A\u72B6\u6001"),
+      filterComponentType: 'MultipleSelect',
       options: _this.expressInterceptInstance.getStatusOptions() || [],
       filterFn: function filterFn(value) {
         return function (i) {
           var _value$map, _value$map$flat;
           return value === null || value === void 0 ? void 0 : (_value$map = value.map(function (v) {
-            return v === null || v === void 0 ? void 0 : v.split(",");
-          })) === null || _value$map === void 0 ? void 0 : (_value$map$flat = _value$map.flat()) === null || _value$map$flat === void 0 ? void 0 : _value$map$flat.includes(_filterFn.filterTableListItemColumnValue(i, item.id, "interceptLogisticsStatus"));
+            return v === null || v === void 0 ? void 0 : v.split(',');
+          })) === null || _value$map === void 0 ? void 0 : (_value$map$flat = _value$map.flat()) === null || _value$map$flat === void 0 ? void 0 : _value$map$flat.includes(_filterFn.filterTableListItemColumnValue(i, item.id, 'interceptStatus'));
         };
       }
     };
   });
-  this.name = "物流状态";
-  this.id = "".concat(options.id, "_interceptLogisticsStatus");
+  this.name = "拦截状态";
+  this.id = "".concat(options.id, "_interceptStatus");
   this.companyId = "".concat(options.id, "_interceptCompany");
   this.type = options.type;
   this.componentConfig = options.componentConfig;

package/dist/esm/components/LogisticsInterception/InterceptType.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
 import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 declare class InterceptType implements ComponentInterface {
     name: string;
@@ -16,7 +16,7 @@ declare class InterceptType implements ComponentInterface {
     expressInterceptInstance: ExpressInterceptData;
     constructor(options: PickOption);
     getComponentValue: (r: Record) => any;
-    renderClient: (record: any) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: any, record: Record) => any;
     renderLog: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;

package/dist/esm/components/LogisticsInterception/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type";
+import React from "react";
 import { ExpressData, ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 import InterceptAddress from "./InterceptAddress";
 import InterceptType from "./InterceptType";
@@ -14,7 +14,7 @@ declare class Logistics implements ComponentInterface {
     componentConfig: ComponentInterface["componentConfig"];
     interceptAddress: InterceptAddress;
     interceptType: InterceptType;
-    interceptLogisticsStatus: InterceptStatus;
+    interceptStatus: InterceptStatus;
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     express: Express;
@@ -23,13 +23,13 @@ declare class Logistics implements ComponentInterface {
     expressInterceptData: ExpressInterceptData;
     effects: ComponentInterface["effects"];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element;
-    renderLog: (record: any) => JSX.Element;
+    renderClient: (record: any) => React.JSX.Element;
+    renderLog: (record: any) => React.JSX.Element;
     getComponentValue: (r: Record) => {
         interceptCompany: any;
         interceptCode: any;
         interceptType: any;
-        interceptLogisticsStatus: any;
+        interceptStatus: any;
         interceptRedirectTo: {
             province: any;
             city: any;
@@ -41,7 +41,7 @@ declare class Logistics implements ComponentInterface {
     };
     renderPc: () => null;
     renderExport: () => null;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => ({
         type: string;
         id: string;

package/dist/esm/components/LogisticsInterception/index.js

@@ -27,7 +27,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "interceptAddress", void 0);
   _defineProperty(this, "interceptType", void 0);
-  _defineProperty(this, "interceptLogisticsStatus", void 0);
+  _defineProperty(this, "interceptStatus", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "express", void 0);
@@ -36,17 +36,17 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "expressInterceptData", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "renderClient", function (record) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.interceptType.renderClient(record), _this.interceptAddress.renderClient(record), _this.interceptLogisticsStatus.renderClient(record));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.interceptType.renderClient(record), _this.interceptAddress.renderClient(record), _this.interceptStatus.renderClient(record));
   });
   _defineProperty(this, "renderLog", function (record) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.express.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.expressCode.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptType.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptAddress.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptLogisticsStatus.renderLog(record)));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.express.name, ": ", _this.express.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.expressCode.name, ": ", _this.expressCode.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptType.name, ": ", _this.interceptType.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptAddress.name, ": ", _this.interceptAddress.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptStatus.name, ": ", _this.interceptStatus.renderLog(record)));
   });
   _defineProperty(this, "getComponentValue", function (r) {
     return {
       interceptCompany: _this.express.getComponentValue(r),
       interceptCode: _this.expressCode.getComponentValue(r),
       interceptType: _this.interceptType.getComponentValue(r),
-      interceptLogisticsStatus: _this.interceptLogisticsStatus.getComponentValue(r),
+      interceptStatus: _this.interceptStatus.getComponentValue(r),
       interceptRedirectTo: _this.interceptAddress.getComponentValue(r)
     };
   });
@@ -57,7 +57,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
     return null;
   });
   _defineProperty(this, "editRender", function () {
-    var _this$componentConfig, _this$componentConfig2, _this$effects;
+    var _this$componentConfig, _this$componentConfig2, _this$effects, _this$effects2, _this$effects2$workOr;
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
@@ -66,16 +66,17 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
       component: /*#__PURE__*/React.createElement(LogisticsInterception, _extends({}, _this.componentConfig, {
         logisticsOptions: _this.expressDateInstance.getExpressData(),
         expressInterceptData: _this.expressInterceptData.getExpressData(),
-        isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing
+        isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing,
+        logisticsInterceptHandleStatus: ((_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : (_this$effects2$workOr = _this$effects2.workOrderDetail) === null || _this$effects2$workOr === void 0 ? void 0 : _this$effects2$workOr.logisticsInterceptHandleStatus) || ""
       }))
     });
   });
   _defineProperty(this, "filterConfig", function (item) {
     return [_this.express.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
-      subKey: "interceptCompany"
+      subKey: 'interceptCompany'
     })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
-      subKey: "interceptCode"
-    })), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptType.filterConfig(item)];
+      subKey: 'interceptCode'
+    })), _this.interceptStatus.filterConfig(item), _this.interceptType.filterConfig(item)];
   });
   this.name = options.name;
   this.id = options.id;
@@ -86,7 +87,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   this.expressInterceptData = ExpressInterceptData.getInstance();
   this.interceptAddress = new InterceptAddress(options);
   this.interceptType = new InterceptType(options);
-  this.interceptLogisticsStatus = new InterceptStatus(options);
+  this.interceptStatus = new InterceptStatus(options);
   this.express = new Express(_objectSpread(_objectSpread({}, options), {}, {
     id: "".concat(options.id, "_interceptCompany"),
     name: "物流信息"
@@ -96,7 +97,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
     name: "物流单号"
   }));
   this.isCombinationComponent = true;
-  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus];
+  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptStatus];
   this.rules = [{
     validator: function validator(_, value) {
       var _this$componentConfig3, _this$componentConfig4, _value$interceptAddre;

package/dist/esm/components/MultSelect/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
+import React from 'react';
 declare class BasicMultSelect implements ComponentInterface {
     name: string;
     id: string;
@@ -9,12 +9,12 @@ declare class BasicMultSelect implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Ordinary/OrdinaryHeader.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class OrdinaryHeader implements ComponentInterface {
     name: string;
     id: string;
@@ -12,12 +12,12 @@ declare class OrdinaryHeader implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: unknown, r: Record) => any;
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Ordinary/OrdinaryMoney.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class OrdinaryMoney implements ComponentInterface {
     name: string;
     id: string;
@@ -16,8 +16,8 @@ declare class OrdinaryMoney implements ComponentInterface {
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any) => any;
-    renderClient: (record: any) => JSX.Element | null;
-    editRender: () => JSX.Element;
+    renderClient: (record: any) => React.JSX.Element | null;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Ordinary/OrdinarySerial.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, DataType, ALignType, Record, ColumnConfig } from '../../type';
+import React from 'react';
 declare class OrdinarySerial implements ComponentInterface {
     name: string;
     id: string;
@@ -17,12 +17,12 @@ declare class OrdinarySerial implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: unknown, r: Record) => any;
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Ordinary/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, DataType, Record, ColumnConfig } from '../../type';
+import React from 'react';
 import OrdinaryHeader from './OrdinaryHeader';
 import OrdinaryMoney from './OrdinaryMoney';
 import OrdinarySerial from './OrdinarySerial';
@@ -20,16 +20,16 @@ declare class Ordinary implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     renderPc: () => null;
-    renderLog: (r: Record) => JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element;
     getComponentValue: (r: Record) => {
         ordinaryMoney: any;
         ordinarySerial: any;
         ordinaryTaitou: any;
     };
     renderExport: () => null;
-    renderClient: (record: any) => JSX.Element;
+    renderClient: (record: any) => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Ordinary/index.js

@@ -46,7 +46,7 @@ var Ordinary = /*#__PURE__*/_createClass(function Ordinary(options) {
     return null;
   });
   _defineProperty(this, "renderLog", function (r) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.ordinaryHeader.renderLog(r), _this.ordinaryMoney.renderLog(r), _this.ordinarySerial.renderLog(r));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.ordinaryHeader.name, ": ", _this.ordinaryHeader.renderLog(r)), /*#__PURE__*/React.createElement("div", null, _this.ordinaryMoney.name, ": ", _this.ordinaryMoney.renderLog(r)), /*#__PURE__*/React.createElement("div", null, _this.ordinarySerial.name, ": ", _this.ordinarySerial.renderLog(r)));
   });
   _defineProperty(this, "getComponentValue", function (r) {
     return {

package/dist/esm/components/OrdinaryHeader/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const OrdinaryHeaderWrap: (props: JSX.IntrinsicAttributes & {
     value?: any;
     onChange?: any;
     handleChangeSerial: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default OrdinaryHeaderWrap;

package/dist/esm/components/Payment/AlipayNick.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class PaymentTid implements ComponentInterface {
     name: string;
     id: string;
@@ -12,12 +12,12 @@ declare class PaymentTid implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: unknown, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Payment/AlipayNo.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class AlipayNo implements ComponentInterface {
     name: string;
     id: string;
@@ -12,12 +12,12 @@ declare class AlipayNo implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: unknown, record: any) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: any) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Payment/AlipayTime.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class AlipayTime implements ComponentInterface {
     name: string;
     id: string;
@@ -11,12 +11,12 @@ declare class AlipayTime implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: unknown, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: string) => string | null;
-    editRender: () => JSX.Element;
+    editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
         type: string;
         id: string;

package/dist/esm/components/Payment/BuyerNick.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class BuyerNick implements ComponentInterface {
     name: string;
     id: string;
@@ -12,10 +12,10 @@ declare class BuyerNick implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    renderClient: (record: Record) => JSX.Element | null;
-    editRender: () => JSX.Element;
-    renderPc: (value: unknown, record: Record) => JSX.Element;
-    renderLog: (r: Record) => JSX.Element | null;
+    renderClient: (record: Record) => React.JSX.Element | null;
+    editRender: () => React.JSX.Element;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
     getComponentValue: (r: Record) => any;
     renderExport: (value: string) => string;
     filterConfig: (item: ColumnConfig) => {