@kmkf-fe-packages/services-components 2.9.0-rc.0 → 2.9.0

package/dist/esm/components/KM/KmExchange/index.d.ts

@@ -0,0 +1,35 @@
+import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../../type";
+import React from "react";
+import CommonHeaderGoods from "../../CommonHeaderGood";
+declare class KmExchange implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    returnGoods: CommonHeaderGoods;
+    constructor(options: PickOption);
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: () => null;
+    renderLog: (r: Record) => React.JSX.Element;
+    getComponentValue: (r: Record) => {
+        kmExchangeGoods: any;
+    };
+    renderExport: (value: any, record: any) => null;
+    editRender: (p: any) => React.JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "like";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+    }[];
+}
+export default KmExchange;

package/dist/esm/components/KM/KmExchange/index.js

@@ -0,0 +1,136 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 GetFormItem from "../../GetFormItem";
+import { BsGoodsTable } from "../../Common";
+import ItemView from "../../../commonComponents/ItemView";
+import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { SYMBOL } from "../../../constant";
+// import { BsType, BsMemo } from "../../Bs/common";
+import { CommonExchangeGoods, erpFormValidator } from "@kmkf-fe-packages/basic-components";
+import CommonHeaderGoods from "../../CommonHeaderGood";
+var KmExchange = /*#__PURE__*/_createClass(function KmExchange(options) {
+  var _this = this,
+    _this$componentConfig6,
+    _this$componentConfig8;
+  _classCallCheck(this, KmExchange);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "returnGoods", void 0);
+  _defineProperty(this, "renderClient", function (record) {
+    var _this$componentConfig;
+    var kmExchangeGoods = JSON.parse((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_kmExchangeGoods")]) || "[]");
+    return !isNull(record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemView, {
+      id: "".concat(_this.id, "-out"),
+      label: "".concat(_this.name, "-\u6362\u51FA"),
+      value: /*#__PURE__*/React.createElement(BsGoodsTable, {
+        type: _this.type,
+        list: kmExchangeGoods || [],
+        showHeader: ((_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.showHeader) || []
+      })
+    })) : null;
+  });
+  _defineProperty(this, "renderPc", function () {
+    return null;
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    var _r, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, r !== null && r !== void 0 && (_r = r["".concat(_this.id, "_kmExchangeGoods")]) !== null && _r !== void 0 && _r.length ? /*#__PURE__*/React.createElement("div", null, "\u6362\u51FA\u5546\u54C1\uFF1A", /*#__PURE__*/React.createElement(BsGoodsTable, {
+      type: _this.type,
+      list: (r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_kmExchangeGoods")]) || [],
+      showHeader: ((_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.showHeader) || []
+    })) : null, r !== null && r !== void 0 && r["".concat(_this.id, "_shopCode")] ? /*#__PURE__*/React.createElement("div", null, "\u5E97\u94FAid:", r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_shopCode")]) : null);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return {
+      kmExchangeGoods: r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_kmExchangeGoods")]
+    };
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    return null;
+  });
+  _defineProperty(this, "editRender", function (p) {
+    var _this$componentConfig3, _this$componentConfig4, _this$componentConfig5, _this$effects, _this$effects2, _this$effects3, _this$effects4;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      required: false,
+      hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      display: p === null || p === void 0 ? void 0 : p.display,
+      tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : "",
+      component: /*#__PURE__*/React.createElement(CommonExchangeGoods, _extends({}, _this.componentConfig, {
+        maxLength: ((_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.maxLength) || 20,
+        shopId: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.shopId,
+        shopList: ((_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.shopList) || [],
+        companyKey: (_this$effects3 = _this.effects) === null || _this$effects3 === void 0 ? void 0 : _this$effects3.companyKey,
+        form: (_this$effects4 = _this.effects) === null || _this$effects4 === void 0 ? void 0 : _this$effects4.form,
+        width: "90%",
+        type: "KM_EXCHANGE_GOODS"
+      }))
+    });
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    return [{
+      searchDefaultConditions: SYMBOL.like,
+      type: item.type,
+      id: "".concat(item.id, "_kmExchangeGoods"),
+      name: "".concat(_this.name, "-\u6362\u51FA"),
+      filterComponentType: "Input"
+    }];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = "".concat(options.id);
+  this.formField = "".concat(options.id);
+  this.type = options.type;
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+  this.isCombinationComponent = true;
+  this.canSort = false;
+  this.returnGoods = new CommonHeaderGoods(_objectSpread(_objectSpread({}, options), {}, {
+    id: "".concat(options.id, "_kmExchangeGoods"),
+    name: "商品信息"
+  }));
+  this.children = [this.returnGoods];
+  this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
+  this.rules = [{
+    required: (_this$componentConfig6 = this.componentConfig) === null || _this$componentConfig6 === void 0 ? void 0 : _this$componentConfig6.required,
+    validator: function validator(_, value) {
+      var _this$componentConfig7, _value$kmExchangeGood;
+      if ((_this$componentConfig7 = _this.componentConfig) !== null && _this$componentConfig7 !== void 0 && _this$componentConfig7.required && !(value !== null && value !== void 0 && (_value$kmExchangeGood = value.kmExchangeGoods) !== null && _value$kmExchangeGood !== void 0 && _value$kmExchangeGood.length)) {
+        return Promise.reject(new Error("请选择快麦换货商品"));
+      }
+      return Promise.resolve();
+    }
+  }, {
+    required: (_this$componentConfig8 = this.componentConfig) === null || _this$componentConfig8 === void 0 ? void 0 : _this$componentConfig8.required,
+    validator: function validator(_rule, value) {
+      if (!_rule.required) return Promise.resolve();
+      var validatorFlag = erpFormValidator(_rule, value, "KM_EXCHANGE_GOODS", _this.componentConfig);
+      if (validatorFlag) {
+        return validatorFlag;
+      }
+      return Promise.resolve();
+    }
+  }];
+  this.dataType = "object";
+});
+export default KmExchange;

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

@@ -106,7 +106,7 @@ var JstSendGood = /*#__PURE__*/_createClass(function JstSendGood(_options) {
     });
   });
   _defineProperty(this, "filterConfig", function (item) {
-    return [["WDT_SEND_GOOD", "BS_E3_SEND_GOOD", "GY_SEND_GOOD"].includes(_this.type) ? {
+    return [["WDT_SEND_GOOD", "BS_E3_SEND_GOOD", "GY_SEND_GOOD", "JY_SEND_GOOD", "JKY_SEND_GOOD"].includes(_this.type) ? {
       searchDefaultConditions: SYMBOL.in,
       type: item.type,
       id: "".concat(item.id, "_").concat(_this.suffixSendName),

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

@@ -19,6 +19,7 @@ declare class Logistics implements ComponentInterface {
     children: ComponentInterface[];
     dataType: ComponentInterface["dataType"];
     isChange: boolean;
+    compoundConfig: ComponentInterface["compoundConfig"];
     constructor(options: PickOption);
     editRender: (p: any) => React.JSX.Element;
     renderClient: (record: Record) => React.JSX.Element;

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

@@ -33,6 +33,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "dataType", void 0);
   _defineProperty(this, "isChange", void 0);
+  _defineProperty(this, "compoundConfig", void 0);
   _defineProperty(this, "editRender", function (p) {
     var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
     var onExpressLogisticsCodeBlur = function onExpressLogisticsCodeBlur(val) {
@@ -130,5 +131,14 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
     }
   }] : [];
   this.isChange = false;
+  this.compoundConfig = [{
+    name: "快递物流公司",
+    id: "".concat(options.id, "_expressLogisticsCompany"),
+    standardDateType: "String"
+  }, {
+    name: "快递物流单号",
+    id: "".concat(options.id, "_expressLogisticsCode"),
+    standardDateType: "String"
+  }];
 });
 export default Logistics;

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

@@ -30,7 +30,7 @@ var ColumnHeader = function ColumnHeader(_ref) {
       return setVisible(false);
     },
     footer: null
-  }, /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u516C\u53F8\uFF1A\u672C\u6B21\u5DE5\u5355\u9700\u8981\u62E6\u622A\u7684\u7269\u6D41\u516C\u53F8\u540D\u79F0"), /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u5355\u53F7\uFF1A\u672C\u6B21\u5DE5\u5355\u9700\u8981\u62E6\u622A\u7684\u7269\u6D41\u5355\u53F7"), /*#__PURE__*/React.createElement("p", null, "\u62E6\u622A\u7C7B\u578B\uFF1A\u672C\u6B21\u62E6\u622A\u6240\u8981\u505A\u7684\u52A8\u4F5C\u662F\u4EC0\u4E48\uFF1B\u4F8B\u5982\uFF1A\u662F\u9000\u56DE\u8FD8\u662F\u8F6C\u5BC4"), /*#__PURE__*/React.createElement("div", null, "\u6D3E\u9001\u5730\u5740\uFF1A\u672C\u6B21\u62E6\u622A\u6240\u8981\u4FEE\u6539\u7684\u6D3E\u9001\u5730\u5740"), /*#__PURE__*/React.createElement("div", null, "\u4E2D\u901A/\u987A\u4E30\uFF1A\u5982\u679C\u62E6\u622A\u7C7B\u578B\u4E3A\u8F6C\u5BC4\u7684\u8BDD\uFF0C\u9700\u8981\u586B\u5199\u65B0\u7684\u6D3E\u9001\u5730\u5740\uFF1B\u5982\u679C\u62E6\u622A\u7C7B\u578B\u4E3A\u9000\u56DE\u5219\u4E0D\u9700\u8981"), /*#__PURE__*/React.createElement("p", null, "\u6781\u5154\uFF1A\u65E0\u8BBA\u54EA\u79CD\u7C7B\u578B\u90FD\u9700\u8981\u586B\u5199\u6D3E\u9001\u5730\u5740"), /*#__PURE__*/React.createElement("p", null, "\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7\uFF1A\u5982\u679C\u7269\u6D41\u516C\u53F8\u4E3A\u987A\u4E30\uFF0C\u5219\u9700\u8981\u586B\u5199\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7\uFF0C\u7528\u6765\u67E5\u8BE2 \u7269\u6D41\u8F68\u8FF9"), /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u72B6\u6001\uFF1A\u62E6\u622A\u5F53\u524D\u8FD9\u4E2A\u7269\u6D41\u5355\u53F7\u7684\u7269\u6D41\u8F68\u8FF9\u72B6\u6001\uFF08", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u516C\u53F8\uFF1A\u672C\u6B21\u5DE5\u5355\u9700\u8981\u62E6\u622A\u7684\u7269\u6D41\u516C\u53F8\u540D\u79F0"), /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u5355\u53F7\uFF1A\u672C\u6B21\u5DE5\u5355\u9700\u8981\u62E6\u622A\u7684\u7269\u6D41\u5355\u53F7"), /*#__PURE__*/React.createElement("p", null, "\u62E6\u622A\u7C7B\u578B\uFF1A\u672C\u6B21\u62E6\u622A\u6240\u8981\u505A\u7684\u52A8\u4F5C\u662F\u4EC0\u4E48\uFF1B\u4F8B\u5982\uFF1A\u662F\u9000\u56DE\u8FD8\u662F\u8F6C\u5BC4"), /*#__PURE__*/React.createElement("div", null, "\u6D3E\u9001\u5730\u5740\uFF1A\u672C\u6B21\u62E6\u622A\u6240\u8981\u4FEE\u6539\u7684\u6D3E\u9001\u5730\u5740"), /*#__PURE__*/React.createElement("div", null, "\u4E2D\u901A/\u987A\u4E30\uFF1A\u5982\u679C\u62E6\u622A\u7C7B\u578B\u4E3A\u8F6C\u5BC4\u7684\u8BDD\uFF0C\u9700\u8981\u586B\u5199\u65B0\u7684\u6D3E\u9001\u5730\u5740\uFF1B\u5982\u679C\u62E6\u622A\u7C7B\u578B\u4E3A\u9000\u56DE\u5219\u4E0D\u9700\u8981"), /*#__PURE__*/React.createElement("p", null, "\u6781\u5154\uFF1A\u65E0\u8BBA\u54EA\u79CD\u7C7B\u578B\u90FD\u9700\u8981\u586B\u5199\u6D3E\u9001\u5730\u5740"), /*#__PURE__*/React.createElement("p", null, "\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7\uFF1A\u5982\u679C\u7269\u6D41\u516C\u53F8\u4E3A\u987A\u4E30\uFF0C\u5219\u9700\u8981\u586B\u5199\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7\uFF0C\u7528\u6765\u67E5\u8BE2 \u7269\u6D41\u8F68\u8FF9"), /*#__PURE__*/React.createElement("p", null, "\u53D1\u4EF6\u4EBA/\u6536\u4EF6\u4EBA\u624B\u673A\u53F7\uFF1A\u5982\u679C\u7269\u6D41\u516C\u53F8\u4E3A\u4E2D\u901A\uFF0C\u5219\u9700\u8981\u586B\u5199\u53D1\u4EF6\u4EBA/\u6536\u4EF6\u4EBA\u624B\u673A\u53F7\uFF0C\u7528\u6765\u67E5\u8BE2 \u7269\u6D41\u8F68\u8FF9"), /*#__PURE__*/React.createElement("p", null, "\u7269\u6D41\u72B6\u6001\uFF1A\u62E6\u622A\u5F53\u524D\u8FD9\u4E2A\u7269\u6D41\u5355\u53F7\u7684\u7269\u6D41\u8F68\u8FF9\u72B6\u6001\uFF08", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "#ff4d4f"
     }

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

@@ -2,6 +2,7 @@ import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type
 import React from "react";
 import { ExpressData, ExpressInterceptData, LogisticsAddressData } from "@kmkf-fe-packages/kmkf-utils";
 import InterceptSenderMobile from "./interceptSenderMobile";
+import InterceptApiStatusReason from "./interceptApiStatusReason";
 import InterceptSnapshot from "./interceptSnapshot";
 import InterceptAddress from "./InterceptAddress";
 import InterceptType from "./InterceptType";
@@ -23,6 +24,7 @@ declare class Logistics implements ComponentInterface {
     interceptLogisticsStatus: InterceptStatus;
     interceptApiStatus: InterceptApiStatus;
     interceptSenderMobile: InterceptSenderMobile;
+    interceptApiStatusReason: InterceptApiStatusReason;
     interceptSnapshot: InterceptSnapshot;
     interceptState: InterceptState;
     isCombinationComponent: boolean;
@@ -36,6 +38,7 @@ declare class Logistics implements ComponentInterface {
     logisticsAddressData: InstanceType<typeof LogisticsAddressData>;
     effects: ComponentInterface["effects"];
     dataType: ComponentInterface["dataType"];
+    isChange: boolean;
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element;
     renderLog: (record: any) => React.JSX.Element;
@@ -56,6 +59,7 @@ declare class Logistics implements ComponentInterface {
         };
         interceptSnapshot: any;
         interceptState: any;
+        interceptApiStatusReason: any;
     };
     renderPc: () => null;
     renderExport: () => null;
@@ -67,6 +71,23 @@ declare class Logistics implements ComponentInterface {
         name: string;
         filterComponentType: "Input";
         filterFn: (value: string) => (i: Record) => boolean;
+    } | {
+        searchDefaultConditions: {
+            in: "in";
+            anylike: "anylike";
+        };
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "SelectInput";
+        props: {
+            filterOptions: {
+                label: string;
+                value: string;
+            }[];
+        };
+        filterFn: (value: string) => (i: Record) => boolean;
+        formatFilterValue: (value: any) => any;
     } | {
         searchDefaultConditions: "in";
         type: string;

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

@@ -13,6 +13,7 @@ import { LogisticsInterception } from "@kmkf-fe-packages/basic-components";
 import { ExpressData, ExpressInterceptData, LogisticsAddressData, isNull } from "@kmkf-fe-packages/kmkf-utils";
 import GetFormItem from "../GetFormItem";
 import InterceptSenderMobile from "./interceptSenderMobile";
+import InterceptApiStatusReason from "./interceptApiStatusReason";
 import InterceptSnapshot from "./interceptSnapshot";
 import InterceptAddress from "./InterceptAddress";
 import InterceptType from "./InterceptType";
@@ -44,6 +45,7 @@ function Logistics(options) {
   _defineProperty(this, "interceptLogisticsStatus", void 0);
   _defineProperty(this, "interceptApiStatus", void 0);
   _defineProperty(this, "interceptSenderMobile", void 0);
+  _defineProperty(this, "interceptApiStatusReason", void 0);
   _defineProperty(this, "interceptSnapshot", void 0);
   _defineProperty(this, "interceptState", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
@@ -57,11 +59,12 @@ function Logistics(options) {
   _defineProperty(this, "logisticsAddressData", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "isChange", void 0);
   _defineProperty(this, "renderClient", function (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), _this.interceptApiStatus.renderClient(record), _this.interceptSnapshot.renderClient(record), _this.interceptState.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), _this.interceptApiStatus.renderClient(record), _this.interceptApiStatusReason.renderClient(record), _this.interceptSnapshot.renderClient(record), _this.interceptState.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))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptApiStatus.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptApiStatus.name, ":", " ", _this.interceptApiStatus.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptSnapshot.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptSnapshot.name, ":", " ", _this.interceptSnapshot.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptState.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptState.name, ":", " ", _this.interceptState.renderLog(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))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptApiStatus.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptApiStatus.name, ":", " ", _this.interceptApiStatus.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptApiStatusReason.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptApiStatusReason.name, ":", " ", _this.interceptApiStatusReason.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptSnapshot.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptSnapshot.name, ":", " ", _this.interceptSnapshot.renderLog(record))), /*#__PURE__*/React.createElement("div", null, !isNull(_this.interceptState.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptState.name, ":", " ", _this.interceptState.renderLog(record))));
   });
   _defineProperty(this, "getComponentValue", function (r) {
     return {
@@ -73,7 +76,8 @@ function Logistics(options) {
       interceptApiStatus: _this.interceptApiStatus.getComponentValue(r),
       interceptRedirectTo: _this.interceptAddress.getComponentValue(r),
       interceptSnapshot: _this.interceptSnapshot.getComponentValue(r),
-      interceptState: _this.interceptState.getComponentValue(r)
+      interceptState: _this.interceptState.getComponentValue(r),
+      interceptApiStatusReason: _this.interceptApiStatusReason.getComponentValue(r)
       // interceptLogisticsUserKCode:
       //   this.interceptLogisticsUserKCode.getComponentValue(r),
       // interceptLogisticsUserSecretKey:
@@ -87,7 +91,20 @@ function Logistics(options) {
     return null;
   });
   _defineProperty(this, "editRender", function (p) {
-    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4, _this$effects, _this$effects2, _this$effects3;
+    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4, _this$effects, _this$effects2, _this$effects3, _this$effects4, _this$effects4$workOr;
+    var onInterceptCodeBlur = function onInterceptCodeBlur(val) {
+      if (_this.isChange) {
+        var _p$onBlur;
+        p === null || p === void 0 ? void 0 : (_p$onBlur = p.onBlur) === null || _p$onBlur === void 0 ? void 0 : _p$onBlur.call(p, val, "interceptCode");
+        _this.isChange = false;
+      }
+    };
+    var onInterceptChange = function onInterceptChange(value, type) {
+      if (type === "interceptCode") {
+        _this.isChange = true;
+      }
+      p === null || p === void 0 ? void 0 : p.onChange(value);
+    };
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
@@ -100,10 +117,14 @@ function Logistics(options) {
         platform: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.env,
         onJumpPage: (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.onJumpPage
       }, _this.componentConfig, {
+        showReason: true,
+        onBlur: onInterceptCodeBlur,
+        onChange: onInterceptChange,
         logisticsOptions: _this.expressDateInstance.getExpressData(),
         expressInterceptData: _this.expressInterceptData.getExpressData(),
         logisticsAddressData: _this.logisticsAddressData.getAddressData(),
-        isEditing: (_this$effects3 = _this.effects) === null || _this$effects3 === void 0 ? void 0 : _this$effects3.isEditing
+        isEditing: (_this$effects3 = _this.effects) === null || _this$effects3 === void 0 ? void 0 : _this$effects3.isEditing,
+        preCreateAndNotModified: (_this$effects4 = _this.effects) === null || _this$effects4 === void 0 ? void 0 : (_this$effects4$workOr = _this$effects4.workOrderDetail) === null || _this$effects4$workOr === void 0 ? void 0 : _this$effects4$workOr.preCreateAndNotModified
       }))
     });
   });
@@ -112,7 +133,7 @@ function Logistics(options) {
       subKey: "interceptCompany"
     })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
       subKey: "interceptCode"
-    })), _this.interceptSenderMobile.filterConfig(item), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptApiStatus.filterConfig(item), _this.interceptType.filterConfig(item), _this.interceptSnapshot.filterConfig(item), _this.interceptState.filterConfig(item)
+    })), _this.interceptSenderMobile.filterConfig(item), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptApiStatus.filterConfig(item), _this.interceptApiStatusReason.filterConfig(item), _this.interceptType.filterConfig(item), _this.interceptSnapshot.filterConfig(item), _this.interceptState.filterConfig(item)
     // this.interceptLogisticsUserKCode.filterConfig(item),
     // this.interceptLogisticsUserSecretKey.filterConfig(item),
     ];
@@ -137,6 +158,7 @@ function Logistics(options) {
   this.interceptSenderMobile = new InterceptSenderMobile(options);
   this.interceptSnapshot = new InterceptSnapshot(options);
   this.interceptState = new InterceptState(options);
+  this.interceptApiStatusReason = new InterceptApiStatusReason(options);
   // this.interceptLogisticsUserSecretKey = new InterceptLogisticsUserSecretKey(
   //   options,
   // );
@@ -152,7 +174,8 @@ function Logistics(options) {
   this.isCombinationComponent = true;
   this.canSort = false;
   this.dataType = "object";
-  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus, this.interceptApiStatus, this.interceptSnapshot, this.interceptState
+  this.isChange = false;
+  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus, this.interceptApiStatus, this.interceptApiStatusReason, this.interceptSnapshot, this.interceptState
   // this.interceptLogisticsUserKCode,
   // this.interceptLogisticsUserSecretKey,
   ];

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

@@ -0,0 +1,45 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+declare class InterceptApiStatusReason implements ComponentInterface {
+    name: string;
+    id: string;
+    companyId: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    sortField: string;
+    formField: string;
+    canSort: boolean;
+    dataType: ComponentInterface["dataType"];
+    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) => {
+        searchDefaultConditions: {
+            in: "in";
+            anylike: "anylike";
+        };
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "SelectInput";
+        props: {
+            filterOptions: {
+                label: string;
+                value: string;
+            }[];
+        };
+        filterFn: (value: string) => (i: Record) => boolean;
+        formatFilterValue: (value: any) => any;
+    };
+}
+export default InterceptApiStatusReason;

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

@@ -0,0 +1,97 @@
+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";
+import { SYMBOL, batchInput, SEARCH_OPTIONS } from "../../constant";
+var InterceptApiStatusReason = /*#__PURE__*/_createClass(function InterceptApiStatusReason(options) {
+  var _this = this;
+  _classCallCheck(this, InterceptApiStatusReason);
+  _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, "sortField", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "dataType", 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 {
+      searchDefaultConditions: {
+        in: SYMBOL.in,
+        anylike: SYMBOL.anylike
+      },
+      type: _this.type,
+      id: "".concat(item.id, "_interceptLogisticsApiStatusReason"),
+      name: "".concat(item.name, "-\u63A5\u53E3\u72B6\u6001\u539F\u56E0"),
+      filterComponentType: "SelectInput",
+      props: {
+        filterOptions: SEARCH_OPTIONS
+      },
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'interceptLogisticsApiStatusReason')).includes(value);
+        };
+      },
+      formatFilterValue: function formatFilterValue(value) {
+        if (['in', 'anylike'].includes(value.type)) {
+          return batchInput(value.keywords);
+        } else {
+          return value;
+        }
+      }
+    };
+  });
+  this.name = "接口状态原因";
+  this.id = "".concat(options.id, "_interceptLogisticsApiStatusReason");
+  this.companyId = "".concat(options.id, "_interceptCompany");
+  this.formField = "".concat(options.id, "_interceptLogisticsApiStatusReason");
+  this.sortField = "".concat(options.id, "_interceptLogisticsApiStatusReason");
+  this.dataType = "string";
+  this.type = options.type + '_API_STATUS_REASON';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = "left";
+  this.width = 200;
+  this.isCombinationComponent = false;
+  this.canSort = true;
+  this.children = [];
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+});
+export default InterceptApiStatusReason;

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

@@ -31,9 +31,10 @@ var InterceptSenderMobile = /*#__PURE__*/_createClass(function InterceptSenderMo
     return r === null || r === void 0 ? void 0 : r[_this.id];
   });
   _defineProperty(this, "renderClient", function (record) {
+    var name = (record === null || record === void 0 ? void 0 : record[_this.companyId]) === "ZTO" ? "发件人/收件人手机号" : _this.name;
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
-      label: _this.name,
+      label: name,
       value: record === null || record === void 0 ? void 0 : record[_this.id]
     }) : null;
   });
@@ -56,7 +57,7 @@ var InterceptSenderMobile = /*#__PURE__*/_createClass(function InterceptSenderMo
       searchDefaultConditions: SYMBOL.like,
       type: item.type,
       id: "".concat(item.id, "_interceptSenderMobile"),
-      name: "".concat(item.name, "-\u53D1\u4EF6\u4EBA\u624B\u673A\u53F7"),
+      name: "".concat(item.name, "-\u53D1\u4EF6\u4EBA/\u6536\u4EF6\u4EBA\u624B\u673A\u53F7"),
       filterComponentType: "Input",
       filterFn: function filterFn(value) {
         return function (i) {

package/dist/esm/components/LogisticsMoreInterception/InterceptAddress.js

@@ -8,6 +8,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React from "react";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
 import { AddressData } from "@kmkf-fe-packages/kmkf-utils";
+import { isEmpty } from "lodash";
 var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
   var _this = this;
   _classCallCheck(this, PaymentTid);
@@ -52,9 +53,10 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
   });
   _defineProperty(this, "renderExport", function (value, record) {
     var logisticsInterceptList = record["".concat(_this.originId, "_logisticsInterceptList")] || [];
-    console.log("renderExport", record["".concat(_this.originId, "_logisticsInterceptList")]);
-    return logisticsInterceptList.reduce(function (prv, item) {
+    return logisticsInterceptList === null || logisticsInterceptList === void 0 ? void 0 : logisticsInterceptList.reduce(function (prv, item) {
       var _item$interceptAddres2;
+      // item 若为空对象，则跳过
+      if (isEmpty(item)) return prv;
       var addressText = (_item$interceptAddres2 = item.interceptAddress) === null || _item$interceptAddres2 === void 0 ? void 0 : _item$interceptAddres2.map(function (suffix) {
         return _this.addressDateInstance.getNameByCode(suffix);
       }).join("");

package/dist/esm/components/LogisticsMoreInterception/InterceptApiStatus.js

@@ -30,7 +30,7 @@ var InterceptApiStatus = /*#__PURE__*/_createClass(function InterceptApiStatus(o
   _defineProperty(this, "getComponentValue", function (r) {
     var _ref;
     return (_ref = (r === null || r === void 0 ? void 0 : r[_this.id]) || []) === null || _ref === void 0 ? void 0 : _ref.map(function (item) {
-      return "".concat(item === null || item === void 0 ? void 0 : item.status).concat(item !== null && item !== void 0 && item.reason ? ",".concat(item === null || item === void 0 ? void 0 : item.reason) : "");
+      return "".concat((item === null || item === void 0 ? void 0 : item.status) || "").concat(item !== null && item !== void 0 && item.reason ? ",".concat(item === null || item === void 0 ? void 0 : item.reason) : "");
     }).join(";");
   });
   _defineProperty(this, "renderStatus", function (record) {

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

@@ -113,6 +113,7 @@ function Logistics(options) {
       name: _this.id,
       rules: _this.rules,
       hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      display: p === null || p === void 0 ? void 0 : p.display,
       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,
       tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : "",
       component: /*#__PURE__*/React.createElement(LogisticsMoreInterception, _extends({}, _this.componentConfig, {

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

@@ -1,20 +1,20 @@
-import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
-import React from 'react';
+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'];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
     align: ALignType;
     width: number;
     isCombinationComponent: boolean;
     sortField: string;
     formField: string;
     canSort: boolean;
-    dataType: ComponentInterface['dataType'];
+    dataType: ComponentInterface["dataType"];
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderMobile: (record: any) => React.JSX.Element;