@kmkf-fe-packages/services-components 0.6.3-alpha.6 → 0.6.3-alpha.60

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

@@ -10,30 +10,50 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from "react";
 import { LogisticsInterception } from "@kmkf-fe-packages/basic-components";
-import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import { ExpressData, ExpressInterceptData, isNull } from "@kmkf-fe-packages/kmkf-utils";
 import GetFormItem from "../GetFormItem";
+import InterceptSenderMobile from "./interceptSenderMobile";
 import InterceptAddress from "./InterceptAddress";
+import InterceptType from "./InterceptType";
+import InterceptStatus from "./InterceptStatus";
 import Express from "../Express";
 import ExpressCode from "../ExpressCode";
+import ColumnHeader from "./columnHeader";
 var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   var _this = this;
   _classCallCheck(this, Logistics);
   _defineProperty(this, "name", void 0);
+  _defineProperty(this, "columnHeader", void 0);
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "interceptAddress", void 0);
+  _defineProperty(this, "interceptType", void 0);
+  _defineProperty(this, "interceptLogisticsStatus", void 0);
+  _defineProperty(this, "interceptSenderMobile", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "express", void 0);
   _defineProperty(this, "expressCode", void 0);
   _defineProperty(this, "expressDateInstance", void 0);
-  _defineProperty(this, "render", function () {
-    return null;
-  });
+  _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.interceptAddress.renderClient(record));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.interceptSenderMobile.renderClient(record), _this.interceptType.renderClient(record), _this.interceptAddress.renderClient(record), _this.interceptLogisticsStatus.renderClient(record));
+  });
+  _defineProperty(this, "renderLog", function (record) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, !isNull(_this.express.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.name, ": ", _this.express.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.expressCode.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.expressCode.name, ": ", _this.expressCode.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptSenderMobile.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptSenderMobile.name, ": ", _this.interceptSenderMobile.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptType.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptType.name, ": ", _this.interceptType.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptAddress.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptAddress.name, ": ", _this.interceptAddress.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptLogisticsStatus.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptLogisticsStatus.name, ": ", _this.interceptLogisticsStatus.renderLog(record))));
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return {
+      interceptCompany: _this.express.getComponentValue(r),
+      interceptCode: _this.expressCode.getComponentValue(r),
+      interceptSenderMobile: _this.interceptSenderMobile.getComponentValue(r),
+      interceptType: _this.interceptType.getComponentValue(r),
+      interceptLogisticsStatus: _this.interceptLogisticsStatus.getComponentValue(r),
+      interceptRedirectTo: _this.interceptAddress.getComponentValue(r)
+    };
   });
   _defineProperty(this, "renderPc", function () {
     return null;
@@ -41,27 +61,41 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "renderExport", function () {
     return null;
   });
-  _defineProperty(this, "editRender", function (value) {
-    var _this$componentConfig, _this$componentConfig2;
+  _defineProperty(this, "editRender", function () {
+    var _this$componentConfig, _this$componentConfig2, _this$effects;
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
       rules: _this.rules,
       required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
       component: /*#__PURE__*/React.createElement(LogisticsInterception, _extends({}, _this.componentConfig, {
-        logisticsOptions: _this.expressDateInstance.getExpressData()
+        logisticsOptions: _this.expressDateInstance.getExpressData(),
+        expressInterceptData: _this.expressInterceptData.getExpressData(),
+        isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing
       }))
     });
   });
   _defineProperty(this, "filterConfig", function (item) {
-    return [];
+    return [_this.express.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
+      subKey: "interceptCompany"
+    })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
+      subKey: "interceptCode"
+    })), _this.interceptSenderMobile.filterConfig(item), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptType.filterConfig(item)];
   });
   this.name = options.name;
+  this.columnHeader = /*#__PURE__*/React.createElement(ColumnHeader, {
+    name: options.name
+  });
   this.id = options.id;
   this.type = options.type;
   this.componentConfig = options.componentConfig;
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
   this.expressDateInstance = ExpressData.getInstance();
+  this.expressInterceptData = ExpressInterceptData.getInstance();
   this.interceptAddress = new InterceptAddress(options);
+  this.interceptType = new InterceptType(options);
+  this.interceptLogisticsStatus = new InterceptStatus(options);
+  this.interceptSenderMobile = new InterceptSenderMobile(options);
   this.express = new Express(_objectSpread(_objectSpread({}, options), {}, {
     id: "".concat(options.id, "_interceptCompany"),
     name: "物流信息"
@@ -71,20 +105,26 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
     name: "物流单号"
   }));
   this.isCombinationComponent = true;
-  this.children = [this.express, this.expressCode, this.interceptAddress];
+  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus];
   this.rules = [{
     validator: function validator(_, value) {
-      var _this$componentConfig3, _this$componentConfig4, _value$interceptAddre;
+      var _this$componentConfig3, _this$componentConfig4, _value$interceptAddre, _value$interceptSende;
       if ((_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.required && (!(value !== null && value !== void 0 && value.interceptCompany) || !value.interceptCode)) {
         return Promise.reject(new Error("请填写物流信息"));
       }
       if ((_this$componentConfig4 = _this.componentConfig) !== null && _this$componentConfig4 !== void 0 && _this$componentConfig4.required && !(value !== null && value !== void 0 && value.interceptType)) {
         return Promise.reject(new Error("请选择拦截类型"));
       }
-      var showAddress = _this.expressDateInstance.isShowNewAddress(value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptType);
-      console.log(showAddress);
+      var showAddress = _this.expressInterceptData.getShowNewAddressMap()["".concat(value === null || value === void 0 ? void 0 : value.interceptType)];
       if (showAddress && (!(value !== null && value !== void 0 && (_value$interceptAddre = value.interceptAddress) !== null && _value$interceptAddre !== void 0 && _value$interceptAddre.length) || !(value !== null && value !== void 0 && value.interceptDetail) || !(value !== null && value !== void 0 && value.interceptReceiverName) || !(value !== null && value !== void 0 && value.interceptReceiverMobile))) {
-        return Promise.reject(new Error("请填写新派送地"));
+        return Promise.reject(new Error("请填写派送地址"));
+      }
+      var showSender = _this.expressInterceptData.getShowSenderMobileMap()["".concat(value === null || value === void 0 ? void 0 : value.interceptType)];
+      if (showSender && !(value !== null && value !== void 0 && value.interceptSenderMobile)) {
+        return Promise.reject(new Error("请填写发件人手机号"));
+      }
+      if (showSender && value !== null && value !== void 0 && value.interceptSenderMobile && !(value !== null && value !== void 0 && (_value$interceptSende = value.interceptSenderMobile) !== null && _value$interceptSende !== void 0 && _value$interceptSende.match(/^[1][0-9]{10}$/))) {
+        return Promise.reject(new Error("请填写正确的发件人手机号"));
       }
       return Promise.resolve();
     }

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

@@ -0,0 +1,30 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+declare class InterceptSenderMobile implements ComponentInterface {
+    name: string;
+    id: string;
+    companyId: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    children: ComponentInterface[];
+    constructor(options: PickOption);
+    getComponentValue: (r: Record) => any;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => any;
+    renderLog: (r: Record) => any;
+    renderExport: (value: any, record: Record) => any;
+    editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
+}
+export default InterceptSenderMobile;

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

@@ -0,0 +1,74 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from "react";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
+var InterceptSenderMobile = /*#__PURE__*/_createClass(function InterceptSenderMobile(options) {
+  var _this = this;
+  _classCallCheck(this, InterceptSenderMobile);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "companyId", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "width", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r[_this.id];
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
+      id: _this.id,
+      label: _this.name,
+      value: record === null || record === void 0 ? void 0 : record[_this.id]
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    return record === null || record === void 0 ? void 0 : record[_this.id];
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record;
+    return (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) !== null && _record !== void 0 ? _record : "--";
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      type: item.type,
+      id: "".concat(item.id, "_interceptSenderMobile"),
+      name: "".concat(item.name, "-\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7"),
+      filterComponentType: "Input",
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, "interceptSenderMobile")).includes(value);
+        };
+      }
+    };
+  });
+  this.name = "发件人手机号";
+  this.id = "".concat(options.id, "_interceptSenderMobile");
+  this.companyId = "".concat(options.id, "_interceptCompany");
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = "left";
+  this.width = 200;
+  this.isCombinationComponent = false;
+  this.children = [];
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+});
+export default InterceptSenderMobile;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
-declare type Value = string[];
+import React from 'react';
 declare class BasicMultSelect implements ComponentInterface {
     name: string;
     id: string;
@@ -10,12 +9,14 @@ declare class BasicMultSelect implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: Value) => JSX.Element;
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
+    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;
         name: string;
         filterComponentType: "MultipleSelect";

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

@@ -22,14 +22,12 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, " ", value === null || value === void 0 ? void 0 : value.join(','));
-  });
   _defineProperty(this, "renderClient", function (record) {
+    var _record$_this$id;
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: record === null || record === void 0 ? void 0 : (_record$_this$id = record[_this.id]) === null || _record$_this$id === void 0 ? void 0 : _record$_this$id.join(',')
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
@@ -39,6 +37,13 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
     }
     return /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 ? void 0 : (_record = record["".concat(_this.id, "_basicMultSelect")]) === null || _record === void 0 ? void 0 : _record.join(','));
   });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_basicMultSelect")])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_basicMultSelect")];
+  });
   _defineProperty(this, "renderExport", function (value, record) {
     var _record2;
     if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_basicMultSelect")]) === undefined) {
@@ -61,6 +66,7 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
   _defineProperty(this, "filterConfig", function (item) {
     var _item$config;
     return {
+      type: item.type,
       id: item.id,
       // 过滤组件id
       name: item.name,

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,14 @@ declare class OrdinaryHeader implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any) => any;
+    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;
         name: string;
         filterComponentType: "Input";

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

@@ -24,18 +24,23 @@ var OrdinaryHeader = /*#__PURE__*/_createClass(function OrdinaryHeader(options)
   _defineProperty(this, "width", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
-  });
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: record === null || record === void 0 ? void 0 : record[_this.id]
     }) : null;
   });
-  _defineProperty(this, "renderPc", function (value) {
-    return value !== null && value !== void 0 ? value : '--';
+  _defineProperty(this, "renderPc", function (value, r) {
+    var _r;
+    return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value) {
     return value !== null && value !== void 0 ? value : '--';
@@ -58,6 +63,7 @@ var OrdinaryHeader = /*#__PURE__*/_createClass(function OrdinaryHeader(options)
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      type: item.type,
       id: "".concat(item.id, "_ordinaryMoney"),
       name: "".concat(item.name, "-\u5F00\u7968\u91D1\u989D"),
       filterComponentType: 'Input',

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;
@@ -12,12 +12,14 @@ declare class OrdinaryMoney implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
-    renderPc: (value: any) => any;
+    renderPc: (value: unknown, r: Record) => any;
+    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;
         name: string;
         filterComponentType: "Input";

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

@@ -23,11 +23,16 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
   _defineProperty(this, "width", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
+  _defineProperty(this, "renderPc", function (value, r) {
+    var _r;
+    return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
   });
-  _defineProperty(this, "renderPc", function (value) {
-    return value !== null && value !== void 0 ? value : '--';
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value) {
     return value !== null && value !== void 0 ? value : '--';
@@ -36,7 +41,7 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: record === null || record === void 0 ? void 0 : record[_this.id]
     }) : null;
   });
   _defineProperty(this, "editRender", function () {
@@ -51,6 +56,7 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      type: item.type,
       id: "".concat(item.id, "_ordinaryTaitou"),
       name: "".concat(item.name, "-\u53D1\u7968\u62AC\u5934"),
       filterComponentType: 'Input',

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,14 @@ declare class OrdinarySerial implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any) => any;
+    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;
         name: string;
         filterComponentType: "Input";

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

@@ -28,18 +28,23 @@ var OrdinarySerial = /*#__PURE__*/_createClass(function OrdinarySerial(options)
   _defineProperty(this, "width", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
-  });
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: record === null || record === void 0 ? void 0 : record[_this.id]
     }) : null;
   });
-  _defineProperty(this, "renderPc", function (value) {
-    return value !== null && value !== void 0 ? value : '--';
+  _defineProperty(this, "renderPc", function (value, r) {
+    var _r;
+    return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value) {
     return value !== null && value !== void 0 ? value : '--';
@@ -56,6 +61,7 @@ var OrdinarySerial = /*#__PURE__*/_createClass(function OrdinarySerial(options)
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      type: item.type,
       id: "".concat(item.id, "_ordinarySerial"),
       name: "".concat(item.name, "-\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7"),
       filterComponentType: 'Input',

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ComponentInterface, PickOption, DataType, ColumnConfig } from '../../type';
+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,22 @@ declare class Ordinary implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: () => null;
-    editRender: (value: any) => JSX.Element;
+    editRender: () => React.JSX.Element;
     renderPc: () => null;
+    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;
         name: string;
         filterComponentType: "Input";
-        filterFn: (value: string) => (i: import("../../type").Record) => boolean;
+        filterFn: (value: string) => (i: Record) => boolean;
     }[];
 }
 export default Ordinary;

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

@@ -32,10 +32,7 @@ var Ordinary = /*#__PURE__*/_createClass(function Ordinary(options) {
   _defineProperty(this, "ordinarySerial", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "render", function () {
-    return null;
-  });
-  _defineProperty(this, "editRender", function (value) {
+  _defineProperty(this, "editRender", function () {
     var _this$componentConfig, _this$componentConfig2;
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
@@ -48,11 +45,21 @@ var Ordinary = /*#__PURE__*/_createClass(function Ordinary(options) {
   _defineProperty(this, "renderPc", function () {
     return null;
   });
+  _defineProperty(this, "renderLog", function (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 {
+      ordinaryMoney: _this.ordinaryMoney.getComponentValue(r),
+      ordinarySerial: _this.ordinarySerial.getComponentValue(r),
+      ordinaryTaitou: _this.ordinaryHeader.getComponentValue(r)
+    };
+  });
   _defineProperty(this, "renderExport", function () {
     return null;
   });
   _defineProperty(this, "renderClient", function (record) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.ordinaryMoney.renderClient(record), _this.ordinaryHeader.renderClient(record), _this.ordinarySerial.renderClient(record));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.ordinaryHeader.renderClient(record), _this.ordinaryMoney.renderClient(record), _this.ordinarySerial.renderClient(record));
   });
   _defineProperty(this, "filterConfig", function (item) {
     return [_this.ordinaryMoney.filterConfig(_objectSpread({}, item)), _this.ordinaryHeader.filterConfig(_objectSpread({}, item)), _this.ordinarySerial.filterConfig(_objectSpread({}, item))];

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,14 @@ declare class PaymentTid implements ComponentInterface {
     isCombinationComponent: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: any, record?: Record) => JSX.Element;
-    renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
+    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;
         name: string;
         filterComponentType: "Input";