@kmkf-fe-packages/services-components 0.7.15-alpha.1 → 0.7.15-alpha.10

package/dist/esm/components/{JstSupply → JST/JstSupply}/index.js

@@ -6,14 +6,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 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 some from 'lodash/some';
-import GetFormItem from "../GetFormItem";
-import { JstGoodImage } from "../Common";
-import { JstGoods } from '@kmkf-fe-packages/basic-components';
-import ItemView from "../../commonComponents/ItemView";
-import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
-import { SYMBOL } from "../../constant";
+import React from "react";
+import some from "lodash/some";
+import GetFormItem from "../../GetFormItem";
+import { JstGoodImage } from "../../Common";
+import { JstGoods } from "@kmkf-fe-packages/basic-components";
+import ItemView from "../../../commonComponents/ItemView";
+import { isNull, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
+import { SYMBOL } from "../../../constant";
 var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
   var _this = this,
     _this$componentConfig;
@@ -62,8 +62,8 @@ var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
   _defineProperty(this, "renderExport", function (value, record) {
     var list = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_jstItemList")]) || [];
     return list.map(function (item) {
-      return [item === null || item === void 0 ? void 0 : item.supplyId, item === null || item === void 0 ? void 0 : item.supplyName].join('/');
-    }).join(',');
+      return [item === null || item === void 0 ? void 0 : item.supplyId, item === null || item === void 0 ? void 0 : item.supplyName].join("/");
+    }).join(",");
   });
   _defineProperty(this, "editRender", function (p) {
     return /*#__PURE__*/React.createElement(GetFormItem, {
@@ -83,11 +83,11 @@ var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
       type: item.type,
       id: "".concat(item.id, "_supplyName"),
       name: "jst\u4F9B\u9500\u5546\u540D\u79F0",
-      filterComponentType: 'Input',
+      filterComponentType: "Input",
       filterFn: function filterFn(value) {
         return function (i) {
           var _ref;
-          return (_ref = _filterFn.filterTableListItemColumnValue(i, item.id, 'jstItemList') || []) === null || _ref === void 0 ? void 0 : _ref.some(function (item) {
+          return (_ref = _filterFn.filterTableListItemColumnValue(i, item.id, "jstItemList") || []) === null || _ref === void 0 ? void 0 : _ref.some(function (item) {
             var _String;
             var name = item !== null && item !== void 0 && item.supplyName ? (_String = String(item === null || item === void 0 ? void 0 : item.supplyName)) === null || _String === void 0 ? void 0 : _String.includes(value) : false;
             return name;
@@ -99,11 +99,11 @@ var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
       type: item.type,
       id: "".concat(item.id, "_supplyId"),
       name: "jst\u4F9B\u9500\u5546\u7F16\u7801",
-      filterComponentType: 'Input',
+      filterComponentType: "Input",
       filterFn: function filterFn(value) {
         return function (i) {
           var _ref2;
-          return (_ref2 = _filterFn.filterTableListItemColumnValue(i, item.id, 'jstItemList') || []) === null || _ref2 === void 0 ? void 0 : _ref2.some(function (item) {
+          return (_ref2 = _filterFn.filterTableListItemColumnValue(i, item.id, "jstItemList") || []) === null || _ref2 === void 0 ? void 0 : _ref2.some(function (item) {
             var _String2;
             var id = item !== null && item !== void 0 && item.supplyId ? (_String2 = String(item === null || item === void 0 ? void 0 : item.supplyId)) === null || _String2 === void 0 ? void 0 : _String2.includes(value) : false;
             return id;
@@ -121,19 +121,19 @@ var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
   this.isCombinationComponent = false;
   this.canSort = false;
   this.children = [];
-  this.dataType = 'object';
+  this.dataType = "object";
   this.rules = (_this$componentConfig = this.componentConfig) !== null && _this$componentConfig !== void 0 && _this$componentConfig.required ? [{
     required: true,
     validator: function validator(_, value) {
       var _this$componentConfig2;
-      var showField = (_this === null || _this === void 0 ? void 0 : (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.showField) || '';
+      var showField = (_this === null || _this === void 0 ? void 0 : (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.showField) || "";
       if (!value || !value.length) {
-        return Promise.reject(new Error('请选择宝贝'));
+        return Promise.reject(new Error("请选择宝贝"));
       }
       var hasNo = (value || []).some(function (item) {
-        if (['supplyName'].includes(showField)) {
+        if (["supplyName"].includes(showField)) {
           return item.supplyName;
-        } else if (['supplyId'].includes(showField)) {
+        } else if (["supplyId"].includes(showField)) {
           return item.supplyId;
         } else {
           return item.supplyId && item.supplyName;
@@ -145,6 +145,6 @@ var JstSupply = /*#__PURE__*/_createClass(function JstSupply(options) {
       return Promise.resolve();
     }
   }] : [];
-  this.align = 'left';
+  this.align = "left";
 });
 export default JstSupply;

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

@@ -0,0 +1,53 @@
+import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type";
+import React from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import TrajectoryCompany from "./trajectoryCompany";
+import TrajectoryCode from "./trajectoryCode";
+import TrajectorySnapshot from "./trajectorySnapshot";
+declare class LogisticsTrajectory implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    expressDateInstance: InstanceType<typeof ExpressData>;
+    express: TrajectoryCompany;
+    expressCode: TrajectoryCode;
+    expressSnapshot: TrajectorySnapshot;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    constructor(options: PickOption);
+    editRender: (p: any) => React.JSX.Element;
+    renderClient: (record: Record) => React.JSX.Element;
+    renderPc: () => null;
+    renderLog: (r: Record) => React.JSX.Element;
+    getComponentValue: (r: Record) => {
+        company: any;
+        order: any;
+        snapshot: any;
+    };
+    renderExport: () => null;
+    filterConfig: (item: ColumnConfig) => ({
+        searchDefaultConditions: "in";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        props: {
+            options: any[];
+        };
+        filterFn: (value: string) => (i: Record) => boolean;
+    } | {
+        searchDefaultConditions: "like";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    })[];
+}
+export default LogisticsTrajectory;

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

@@ -0,0 +1,107 @@
+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 { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import { LogisticsTrajectory as Trajectory } from "@kmkf-fe-packages/basic-components";
+import TrajectoryCompany from "./trajectoryCompany";
+import TrajectoryCode from "./trajectoryCode";
+import TrajectorySnapshot from "./trajectorySnapshot";
+import GetFormItem from "../GetFormItem";
+var LogisticsTrajectory = /*#__PURE__*/_createClass(function LogisticsTrajectory(options) {
+  var _this = this,
+    _this$componentConfig3;
+  _classCallCheck(this, LogisticsTrajectory);
+  _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, "expressDateInstance", void 0);
+  _defineProperty(this, "express", void 0);
+  _defineProperty(this, "expressCode", void 0);
+  _defineProperty(this, "expressSnapshot", 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, "editRender", function (p) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      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(Trajectory, _extends({}, _this.componentConfig, {
+        options: _this.expressDateInstance.getExpressData()
+      }))
+    });
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.expressSnapshot.renderClient(record));
+  });
+  _defineProperty(this, "renderPc", function () {
+    return null;
+  });
+  _defineProperty(this, "renderLog", function (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)), /*#__PURE__*/React.createElement("div", null, _this.expressSnapshot.name, ":", _this.expressSnapshot.renderLog(r)));
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return {
+      company: _this.express.getComponentValue(r),
+      order: _this.expressCode.getComponentValue(r),
+      snapshot: _this.expressSnapshot.getComponentValue(r)
+    };
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    return [_this.express.filterConfig(item), _this.expressCode.filterConfig(item), _this.expressSnapshot.filterConfig(item)];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.expressDateInstance = ExpressData.getInstance();
+  this.express = new TrajectoryCompany(_objectSpread(_objectSpread({}, options), {}, {
+    name: "物流公司",
+    id: "".concat(this.id, "_trajectoryCompany")
+  }));
+  this.expressCode = new TrajectoryCode(_objectSpread(_objectSpread({}, options), {}, {
+    name: "物流单号",
+    id: "".concat(this.id)
+  }));
+  this.expressSnapshot = new TrajectorySnapshot(_objectSpread(_objectSpread({}, options), {}, {
+    name: "物流快照",
+    id: "".concat(this.id, "_trajectorySnapshot")
+  }));
+  this.isCombinationComponent = true;
+  this.canSort = false;
+  this.dataType = "object";
+  this.children = [this.express, this.expressCode, this.expressSnapshot];
+  this.rules = (_this$componentConfig3 = this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.required ? [{
+    validator: function validator(_, value) {
+      if (!value.trajectoryCompany) {
+        return Promise.reject(new Error("请选择物流公司"));
+      }
+      if (!value.trajectoryCode) {
+        return Promise.reject(new Error("请输入物流单号"));
+      }
+      return Promise.resolve();
+    }
+  }] : [];
+});
+export default LogisticsTrajectory;

package/dist/esm/components/LogisticsTrajectory/trajectoryCode.d.ts

@@ -0,0 +1,35 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+declare class TrajectoryCode implements ComponentInterface {
+    name: string;
+    parentId: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    constructor(options: PickOption);
+    renderCode: (record: any, w?: number) => React.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: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "like";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
+}
+export default TrajectoryCode;

package/dist/esm/components/LogisticsTrajectory/trajectoryCode.js

@@ -0,0 +1,103 @@
+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 QueryLogisticsTrack from "../../commonComponents/QueryLogisticsTrack";
+import { SYMBOL } from "../../constant";
+var TrajectoryCode = /*#__PURE__*/_createClass(function TrajectoryCode(options) {
+  var _this = this,
+    _this$componentConfig;
+  _classCallCheck(this, TrajectoryCode);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "parentId", 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, "align", void 0);
+  _defineProperty(this, "width", 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, "renderCode", function (record) {
+    var w = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+    var company = record === null || record === void 0 ? void 0 : record["".concat(_this.parentId, "_trajectoryCompany")];
+    var code = record === null || record === void 0 ? void 0 : record[_this.id];
+    return /*#__PURE__*/React.createElement("div", null, code ? /*#__PURE__*/React.createElement(QueryLogisticsTrack, {
+      modelWidth: w,
+      interceptCompany: company,
+      interceptCode: code,
+      interceptSenderMobile: ""
+    }) : "--");
+  });
+  _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.renderCode(record)
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    return _this.renderCode(record, 700);
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r[_this.id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r[_this.id];
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record$_this$id;
+    return (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : "--";
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    var subKey = item.subKey;
+    return {
+      searchDefaultConditions: SYMBOL.like,
+      type: item.type,
+      id: subKey ? "".concat(item.id, "_").concat(subKey) : item.id,
+      name: "".concat(item.name, "-\u7269\u6D41\u5355\u53F7"),
+      filterComponentType: "Input",
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return _filterFn.filterSplitComma(_filterFn.filterTableListItemColumnValue(i, item.id, "".concat(subKey)), value);
+        };
+      }
+    };
+  });
+  this.name = options.name;
+  this.parentId = options.id;
+  this.id = "".concat(options.id, "_trajectoryCode");
+  this.sortField = "".concat(options.id, "_trajectoryCode");
+  this.formField = "".concat(options.id, "_trajectoryCode");
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.rules = (_this$componentConfig = this.componentConfig) !== null && _this$componentConfig !== void 0 && _this$componentConfig.required ? [{
+    validator: function validator(_, value) {
+      if (/^[0-9a-zA-Z]*$/.test(value)) {
+        return Promise.resolve();
+      }
+      return Promise.reject(new Error("只能输入数字和字母"));
+    }
+  }] : [];
+  this.align = "left";
+  this.width = 200;
+  this.isCombinationComponent = false;
+  this.canSort = true;
+  this.dataType = "string";
+  this.children = [];
+});
+export default TrajectoryCode;

package/dist/esm/components/LogisticsTrajectory/trajectoryCompany.d.ts

@@ -0,0 +1,39 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+declare class TrajectoryCompany implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    align: ALignType;
+    expressDateInstance: InstanceType<typeof ExpressData>;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    options: ComponentInterface["options"];
+    constructor(options: PickOption);
+    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: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "in";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        props: {
+            options: any[];
+        };
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
+}
+export default TrajectoryCompany;

package/dist/esm/components/LogisticsTrajectory/trajectoryCompany.js

@@ -0,0 +1,91 @@
+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 { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
+import { SYMBOL } from "../../constant";
+var TrajectoryCompany = /*#__PURE__*/_createClass(function TrajectoryCompany(options) {
+  var _this = this;
+  _classCallCheck(this, TrajectoryCompany);
+  _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, "align", void 0);
+  _defineProperty(this, "expressDateInstance", void 0);
+  _defineProperty(this, "width", 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, "options", void 0);
+  _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.expressDateInstance.getExpressNameByCode(record === null || record === void 0 ? void 0 : record[_this.id]) || (record === null || record === void 0 ? void 0 : record[_this.id])
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, _this.expressDateInstance.getExpressNameByCode(record === null || record === void 0 ? void 0 : record[_this.id]) || (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[_this.id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r[_this.id];
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    return _this.expressDateInstance.getExpressNameByCode(record === null || record === void 0 ? void 0 : record[_this.id]) || (record === null || record === void 0 ? void 0 : record[_this.id]);
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    var subKey = item.subKey;
+    return {
+      searchDefaultConditions: SYMBOL.in,
+      type: item.type,
+      id: subKey ? "".concat(item.id, "_").concat(subKey) : item.id,
+      name: "".concat(item.name, "-\u7269\u6D41\u516C\u53F8"),
+      filterComponentType: "MultipleSelect",
+      props: {
+        options: _this.expressDateInstance.getExpressData() || []
+      },
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return value === null || value === void 0 ? void 0 : value.includes(_filterFn.filterTableListItemColumnValue(i, item.id, "".concat(subKey)));
+        };
+      }
+    };
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = "left";
+  this.expressDateInstance = ExpressData.getInstance();
+  this.width = 200;
+  this.isCombinationComponent = false;
+  this.canSort = true;
+  this.children = [];
+  this.dataType = "string";
+  this.options = this.expressDateInstance.getExpressData() || [];
+});
+export default TrajectoryCompany;

package/dist/esm/components/LogisticsTrajectory/trajectorySnapshot.d.ts

@@ -0,0 +1,32 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+declare class TrajectorySnapshot implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    componentConfig: ComponentInterface["componentConfig"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    constructor(options: PickOption);
+    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: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "like";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
+}
+export default TrajectorySnapshot;

package/dist/esm/components/LogisticsTrajectory/trajectorySnapshot.js

@@ -0,0 +1,80 @@
+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 } from "../../constant";
+var TrajectorySnapshot = /*#__PURE__*/_createClass(function TrajectorySnapshot(options) {
+  var _this = this;
+  _classCallCheck(this, TrajectorySnapshot);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "width", 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, "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) {
+    var _record$_this$id;
+    return /*#__PURE__*/React.createElement("span", null, (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : "--");
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r[_this.id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r[_this.id];
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record$_this$id2;
+    return (_record$_this$id2 = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id2 !== void 0 ? _record$_this$id2 : "--";
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    var subKey = item.subKey;
+    return {
+      searchDefaultConditions: SYMBOL.like,
+      type: item.type,
+      id: subKey ? "".concat(item.id, "_").concat(subKey) : item.id,
+      name: "".concat(item.name, "-\u7269\u6D41\u5FEB\u7167"),
+      filterComponentType: "Input",
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return _filterFn.filterSplitComma(_filterFn.filterTableListItemColumnValue(i, item.id, "".concat(subKey)), value);
+        };
+      }
+    };
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.align = "left";
+  this.width = 200;
+  this.isCombinationComponent = false;
+  this.canSort = true;
+  this.dataType = "string";
+  this.children = [];
+});
+export default TrajectorySnapshot;