@kmkf-fe-packages/services-components 0.28.2-rc.1 → 0.28.2-rc.11

package/dist/esm/commonComponents/ErpContext/index.d.ts

@@ -0,0 +1,16 @@
+import React, { SetStateAction } from 'react';
+import { Dispatch } from 'react';
+declare const ErpContext: React.Context<{
+    orderList: Record<string, any>;
+    setOrderList: Dispatch<SetStateAction<Record<string, any>>>;
+    currentOrderDetail: Record<string, any>;
+    setCurrentOrderDetail: Dispatch<SetStateAction<Record<string, any>>>;
+    buyerId: string;
+    setBuyerId: Dispatch<SetStateAction<string>>;
+    subOrderListVisible: boolean;
+    setSubOrderListVisible: Dispatch<SetStateAction<boolean>>;
+    globalLoading: boolean;
+    setGlobalLoading: Dispatch<SetStateAction<boolean>>;
+}>;
+declare const ErpProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+export { ErpContext, ErpProvider };

package/dist/esm/commonComponents/ErpContext/index.js

@@ -0,0 +1,68 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { createContext, useState } from 'react';
+// 配合着ErpTradeId 组件使用
+var ErpContext = /*#__PURE__*/createContext({
+  orderList: {},
+  setOrderList: function setOrderList() {
+    return void 0;
+  },
+  currentOrderDetail: {},
+  setCurrentOrderDetail: function setCurrentOrderDetail() {
+    return void 0;
+  },
+  buyerId: '',
+  setBuyerId: function setBuyerId() {
+    return '';
+  },
+  subOrderListVisible: false,
+  setSubOrderListVisible: function setSubOrderListVisible() {
+    return false;
+  },
+  globalLoading: false,
+  setGlobalLoading: function setGlobalLoading() {
+    return false;
+  }
+});
+var ErpProvider = function ErpProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    orderList = _useState2[0],
+    setOrderList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentOrderDetail = _useState4[0],
+    setCurrentOrderDetail = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    buyerId = _useState6[0],
+    setBuyerId = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    subOrderListVisible = _useState8[0],
+    setSubOrderListVisible = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    globalLoading = _useState10[0],
+    setGlobalLoading = _useState10[1];
+  return /*#__PURE__*/React.createElement(ErpContext.Provider, {
+    value: {
+      orderList: orderList,
+      setOrderList: setOrderList,
+      currentOrderDetail: currentOrderDetail,
+      setCurrentOrderDetail: setCurrentOrderDetail,
+      buyerId: buyerId,
+      setBuyerId: setBuyerId,
+      subOrderListVisible: subOrderListVisible,
+      setSubOrderListVisible: setSubOrderListVisible,
+      globalLoading: globalLoading,
+      setGlobalLoading: setGlobalLoading
+    }
+  }, children);
+};
+export { ErpContext, ErpProvider };

package/dist/esm/components/ErpTradeId/components/OrderNum/communication.d.ts

@@ -0,0 +1,2 @@
+export declare const queryOrderDetail: (tid: string) => void;
+export declare const queryDouDianOpenId: (originTid: string) => void;

package/dist/esm/components/ErpTradeId/components/OrderNum/communication.js

@@ -0,0 +1,23 @@
+// 查询订单详情
+export var queryOrderDetail = function queryOrderDetail(tid) {
+  var _window, _window$parent;
+  console.log('请求ERP订单详情', tid);
+  (_window = window) === null || _window === void 0 ? void 0 : (_window$parent = _window.parent) === null || _window$parent === void 0 ? void 0 : _window$parent.postMessage({
+    method: 'queryOrder',
+    data: {
+      tid: tid
+    }
+  }, '*');
+};
+
+// 查询抖店openId
+export var queryDouDianOpenId = function queryDouDianOpenId(originTid) {
+  var _window2, _window2$parent;
+  console.log('查询抖音店铺买家id', originTid);
+  (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$parent = _window2.parent) === null || _window2$parent === void 0 ? void 0 : _window2$parent.postMessage({
+    method: 'queryDouDianOpenId',
+    data: {
+      originTid: originTid
+    }
+  }, '*');
+};

package/dist/esm/components/ErpTradeId/components/OrderNum/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OrderNum: ({ value, onChange, onTradeIdBlur, ...otherProp }: any) => React.JSX.Element;
+export default OrderNum;

package/dist/esm/components/ErpTradeId/components/OrderNum/index.js

@@ -0,0 +1,169 @@
+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); }
+var _excluded = ["value", "onChange", "onTradeIdBlur"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 _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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/*
+ * @Author: wangzhenggui jianjia.wzg@raycloud.com
+ * @Date: 2022-11-15 15:39:26
+ * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
+ * @LastEditTime: 2022-12-07 19:47:07
+ * @FilePath: /kefu/packages/enterprise/src/app/pages/ErpWorkOrder/components/OrderNum/index.tsx
+ * @Description:
+ *
+ * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
+ */
+import React, { useEffect, useState, useContext } from 'react';
+import { Button, Input, Popover, Radio, Image } from 'antd';
+import get from 'lodash/get';
+import { ErpScenes } from "../../../../index";
+import { queryOrderDetail, queryDouDianOpenId } from "./communication";
+import noImage from "./noImage.png";
+import styles from "./index.module.scss";
+var Card = function Card(_ref) {
+  var tid = _ref.tid,
+    sid = _ref.sid,
+    itemList = _ref.itemList,
+    sysStatusName = _ref.sysStatusName;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.card
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, sysStatusName && /*#__PURE__*/React.createElement("span", {
+    className: styles.tag
+  }, sysStatusName), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: '8px',
+      flexDirection: 'column',
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("span", null, "\u7CFB\u7EDF\u5355\u53F7: ", /*#__PURE__*/React.createElement("b", null, sid)), /*#__PURE__*/React.createElement("span", null, "\u5E73\u53F0\u5355\u53F7: ", /*#__PURE__*/React.createElement("b", null, tid)))), itemList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.good
+    }, item.picUrl ? /*#__PURE__*/React.createElement(Image, {
+      width: 56,
+      src: item.picUrl
+    }) : /*#__PURE__*/React.createElement("img", {
+      src: noImage,
+      alt: "\u65E0\u5546\u54C1\u56FE\u7247",
+      style: {
+        width: '56px',
+        height: '56px'
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.content
+    }, /*#__PURE__*/React.createElement("span", null, item.title), /*#__PURE__*/React.createElement("span", null, item.productCode)), /*#__PURE__*/React.createElement("div", {
+      className: styles.price
+    }, item.price && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", {
+      style: {
+        color: '#ff7a45',
+        fontSize: '16px'
+      }
+    }, item.price), ' ', "* 1")));
+  }));
+};
+var SubOrderList = function SubOrderList(_ref2) {
+  var subList = _ref2.subList;
+  var _useContext = useContext(ErpScenes.ErpContext),
+    orderList = _useContext.orderList,
+    setGlobalLoading = _useContext.setGlobalLoading,
+    setBuyerId = _useContext.setBuyerId,
+    setCurrentOrderDetail = _useContext.setCurrentOrderDetail;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleChange = function handleChange(e) {
+    setValue(e.target.value);
+    var selectOrder = get(orderList, "orderList.".concat(e.target.value), {});
+    // 如果是抖音的订单，需要根据这个订单号去获取买家id
+    if (selectOrder.shopSource === 'fxg') {
+      setGlobalLoading(true);
+      queryDouDianOpenId(selectOrder.originTid);
+    } else {
+      setBuyerId('');
+    }
+    setCurrentOrderDetail(_objectSpread({}, selectOrder));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '300px',
+      overflowY: 'auto'
+    },
+    className: styles.itemWrap,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: value,
+    onChange: handleChange
+  }, subList.map(function (subOrder, index) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      value: index
+    }, /*#__PURE__*/React.createElement(Card, subOrder));
+  })));
+};
+var OrderNum = function OrderNum(_ref3) {
+  var value = _ref3.value,
+    onChange = _ref3.onChange,
+    onTradeIdBlur = _ref3.onTradeIdBlur,
+    otherProp = _objectWithoutProperties(_ref3, _excluded);
+  var _useContext2 = useContext(ErpScenes.ErpContext),
+    visible = _useContext2.subOrderListVisible,
+    orderList = _useContext2.orderList,
+    setGlobalLoading = _useContext2.setGlobalLoading,
+    setSubOrderListVisible = _useContext2.setSubOrderListVisible;
+  var subList = orderList.orderList;
+  var handleQueryOrderDetail = function handleQueryOrderDetail() {
+    if (!value) return;
+    setGlobalLoading(true);
+    queryOrderDetail(value);
+    typeof onTradeIdBlur === 'function' && onTradeIdBlur(value);
+  };
+  useEffect(function () {
+    document.body.addEventListener('click', function () {
+      setSubOrderListVisible(false);
+    });
+    return document.body.removeEventListener('click', function () {
+      setSubOrderListVisible(false);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(Popover, {
+    visible: visible,
+    placement: "bottom",
+    content: /*#__PURE__*/React.createElement(SubOrderList, {
+      subList: subList
+    }),
+    trigger: "manually"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-flex',
+      width: '100%',
+      alignItems: 'center'
+    },
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    value: value,
+    onChange: onChange
+  }, otherProp)), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: handleQueryOrderDetail
+  }, "\u67E5\u8BE2\u8BA2\u5355")));
+};
+export default OrderNum;

package/dist/esm/components/ErpTradeId/components/OrderNum/index.module.scss

@@ -0,0 +1,30 @@
+.itemWrap {
+  width: 420px;
+}
+.card {
+  margin-bottom: 16px;
+  .tag {
+    padding: 2px;
+    background: #bae7ff;
+    border-radius: 4px;
+    height: 24px;
+    line-height: 21px;
+  }
+  .good {
+  margin-top: 8px;
+  width: 380px;
+  display: flex;
+  flex-direction: row;
+  .content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin-left: 8px;
+    justify-content: center;
+  }
+  .price {
+    flex: 0 0 100px;
+    align-self: flex-end;
+  }
+}
+}

package/dist/esm/components/ErpTradeId/index.MD

@@ -0,0 +1 @@
+### 该组件只能在ERP录入工单场景下使用，并且需要配合 ErpContext 这个上下文一起使用

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

@@ -1,33 +1,6 @@
-import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 import React from 'react';
-declare class ErpTradeId implements ComponentInterface {
-    name: string;
-    id: string;
-    sortField: string;
-    type: string;
-    rules: any[];
-    componentConfig: ComponentInterface["componentConfig"];
-    isCombinationComponent: boolean;
-    formField: string;
-    canSort: boolean;
-    children: ComponentInterface[];
-    dataType: ComponentInterface['dataType'];
-    constructor(options: PickOption);
-    renderClient: (record: any) => React.JSX.Element | null;
-    copyHandle: (text: string) => void;
-    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;
+import TradeId from '../TradeId';
+declare class ErpTradeId extends TradeId {
     editRender: (p: any) => React.JSX.Element;
-    filterConfig: (item: ColumnConfig) => {
-        searchDefaultConditions: "in";
-        type: string;
-        id: string;
-        name: string;
-        filterComponentType: "Input";
-        filterFn: (value: string) => (i: Record) => boolean;
-        formatFilterValue: (input: string) => string[];
-    };
 }
 export default ErpTradeId;

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

@@ -1,116 +1,53 @@
 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 _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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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 { TradeId } from '@kmkf-fe-packages/basic-components';
-import copy from 'copy-to-clipboard';
-import { message } from 'antd';
-import { CopyOutlined } from '@ant-design/icons';
 import GetFormItem from "../GetFormItem";
-import ItemView from "../../commonComponents/ItemView";
-import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
-import { SYMBOL } from "../../constant";
-var ErpTradeId = /*#__PURE__*/_createClass(function ErpTradeId(options) {
-  var _this = this;
-  _classCallCheck(this, ErpTradeId);
-  _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, "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, "copyHandle", function (text) {
-    copy(text);
-    message.success('复制成功');
-  });
-  _defineProperty(this, "renderPc", function (value, record) {
-    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_tradeId")]) === undefined) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, "--");
+import TradeId from "../TradeId";
+import OrderNo from "./components/OrderNum";
+var ErpTradeId = /*#__PURE__*/function (_TradeId) {
+  _inherits(ErpTradeId, _TradeId);
+  var _super = _createSuper(ErpTradeId);
+  function ErpTradeId() {
+    var _this;
+    _classCallCheck(this, ErpTradeId);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-    return /*#__PURE__*/React.createElement("span", {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_tradeId")], /*#__PURE__*/React.createElement("span", {
-      onClick: function onClick(e) {
-        _this.copyHandle(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_tradeId")]);
-        e.stopPropagation();
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        paddingLeft: '4px',
-        cursor: 'pointer'
-      }
-    }, /*#__PURE__*/React.createElement(CopyOutlined, null)))));
-  });
-  _defineProperty(this, "renderLog", function (r) {
-    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_tradeId")])) return null;
-    return _this.renderPc(undefined, r);
-  });
-  _defineProperty(this, "getComponentValue", function (r) {
-    return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_tradeId")];
-  });
-  _defineProperty(this, "renderExport", function (value, record) {
-    var _record;
-    return (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_tradeId")]) !== null && _record !== void 0 ? _record : '--';
-  });
-  _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,
-      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,
-      component: /*#__PURE__*/React.createElement(TradeId, null)
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "editRender", function (p) {
+      var _this$componentConfig, _this$componentConfig2;
+      var onTradeIdBlur = function onTradeIdBlur(value) {
+        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, value, 'tradeId');
+      };
+      return /*#__PURE__*/React.createElement(GetFormItem, {
+        title: _this.name,
+        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,
+        component: /*#__PURE__*/React.createElement(OrderNo, _extends({}, _this.componentConfig, {
+          placeholder: "\u8BF7\u8F93\u5165".concat(_this.name),
+          onTradeIdBlur: onTradeIdBlur
+        }))
+      });
     });
-  });
-  _defineProperty(this, "filterConfig", function (item) {
-    return {
-      searchDefaultConditions: SYMBOL.in,
-      type: item.type,
-      id: "".concat(item.id, "_tradeId"),
-      // 过滤组件id
-      name: item.name,
-      // 过滤组件名称
-      filterComponentType: 'Input',
-      filterFn: function filterFn(value) {
-        return function (i) {
-          return _filterFn.filterSplitComma(_filterFn.filterTableListItemColumnValue(i, item.id, 'tradeId'), value);
-        };
-      },
-      formatFilterValue: function formatFilterValue(input) {
-        return input.split(/[,|，]/);
-      }
-    };
-  });
-  this.name = options.name;
-  this.id = options.id;
-  this.sortField = "".concat(options.id, "_tradeId");
-  this.formField = "".concat(options.id, "_tradeId");
-  this.type = options.type;
-  this.componentConfig = options.componentConfig;
-  this.rules = [];
-  this.isCombinationComponent = false;
-  this.canSort = true;
-  this.children = [];
-  this.dataType = 'string';
-});
+    return _this;
+  }
+  return _createClass(ErpTradeId);
+}(TradeId);
 export default ErpTradeId;

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

@@ -0,0 +1,37 @@
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
+import React from "react";
+declare class InterceptState implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    options: ComponentInterface["options"];
+    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";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        props: {
+            options: any[];
+        };
+    };
+}
+export default InterceptState;

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

@@ -0,0 +1,89 @@
+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 } from "@kmkf-fe-packages/kmkf-utils";
+import { SYMBOL } from "../../constant";
+var InterceptState = /*#__PURE__*/_createClass(function InterceptState(options) {
+  var _this = this;
+  _classCallCheck(this, InterceptState);
+  _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, "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, "options", 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) {
+    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, "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[_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) {
+    return {
+      searchDefaultConditions: SYMBOL.in,
+      type: item.type,
+      id: "".concat(item.id, "_qySelfInterceptLogisticsStatus"),
+      name: "".concat(item.name, "-\u62E6\u622A\u72B6\u6001"),
+      filterComponentType: "MultipleSelect",
+      props: {
+        options: _this.options || []
+      }
+    };
+  });
+  this.name = "拦截状态";
+  this.id = "".concat(options.id, "_qySelfInterceptLogisticsStatus");
+  this.sortField = "".concat(options.id, "_qySelfInterceptLogisticsStatus");
+  this.formField = "".concat(options.id, "_qySelfInterceptLogisticsStatus");
+  this.type = options.type;
+  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;
+  this.dataType = "string";
+  this.options = [{
+    label: "拦截成功",
+    value: "拦截成功"
+  }, {
+    label: "拦截失败",
+    value: "拦截失败"
+  }];
+});
+export default InterceptState;

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

@@ -6,6 +6,7 @@ import InterceptSnapshot from "./interceptSnapshot";
 import InterceptAddress from "./InterceptAddress";
 import InterceptType from "./InterceptType";
 import InterceptStatus from "./InterceptStatus";
+import InterceptState from "./InterceptState";
 import Express from "../Express";
 import ExpressCode from "../ExpressCode";
 declare class Logistics implements ComponentInterface {
@@ -21,6 +22,7 @@ declare class Logistics implements ComponentInterface {
     interceptLogisticsStatus: InterceptStatus;
     interceptSenderMobile: InterceptSenderMobile;
     interceptSnapshot: InterceptSnapshot;
+    interceptState: InterceptState;
     isCombinationComponent: boolean;
     formField: string;
     canSort: boolean;
@@ -50,21 +52,12 @@ declare class Logistics implements ComponentInterface {
             mobile: any;
         };
         interceptSnapshot: any;
+        interceptState: any;
     };
     renderPc: () => null;
     renderExport: () => null;
     editRender: (p: any) => React.JSX.Element;
     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;
@@ -78,13 +71,8 @@ declare class Logistics implements ComponentInterface {
         name: string;
         filterComponentType: "MultipleSelect";
         props: {
-            options: {
-                label: string;
-                value: string;
-            }[];
+            options: any[];
         };
-        formatFilterValue: (value: string[]) => string[];
-        filterFn: (value: string[]) => (i: Record) => boolean;
     })[];
 }
 export default Logistics;

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

@@ -17,6 +17,7 @@ import InterceptSnapshot from "./interceptSnapshot";
 import InterceptAddress from "./InterceptAddress";
 import InterceptType from "./InterceptType";
 import InterceptStatus from "./InterceptStatus";
+import InterceptState from "./InterceptState";
 import Express from "../Express";
 import ExpressCode from "../ExpressCode";
 import ColumnHeader from "./columnHeader";
@@ -35,6 +36,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "interceptLogisticsStatus", void 0);
   _defineProperty(this, "interceptSenderMobile", void 0);
   _defineProperty(this, "interceptSnapshot", void 0);
+  _defineProperty(this, "interceptState", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "formField", void 0);
   _defineProperty(this, "canSort", void 0);
@@ -47,10 +49,10 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "dataType", 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.interceptSnapshot.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.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.interceptSnapshot.getComponentValue(record)) && /*#__PURE__*/React.createElement(React.Fragment, null, _this.interceptSnapshot.name, ":", " ", _this.interceptSnapshot.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.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 {
@@ -60,7 +62,8 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
       interceptType: _this.interceptType.getComponentValue(r),
       interceptLogisticsStatus: _this.interceptLogisticsStatus.getComponentValue(r),
       interceptRedirectTo: _this.interceptAddress.getComponentValue(r),
-      interceptSnapshot: _this.interceptSnapshot.getComponentValue(r)
+      interceptSnapshot: _this.interceptSnapshot.getComponentValue(r),
+      interceptState: _this.interceptState.getComponentValue(r)
     };
   });
   _defineProperty(this, "renderPc", function () {
@@ -82,7 +85,8 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
         logisticsOptions: _this.expressDateInstance.getExpressData(),
         expressInterceptData: _this.expressInterceptData.getExpressData(),
         logisticsAddressData: _this.logisticsAddressData.getAddressData(),
-        isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing
+        isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing,
+        showState: true
       }))
     });
   });
@@ -91,7 +95,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
       subKey: "interceptCompany"
     })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
       subKey: "interceptCode"
-    })), _this.interceptSenderMobile.filterConfig(item), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptType.filterConfig(item), _this.interceptSnapshot.filterConfig(item)];
+    })), _this.interceptSenderMobile.filterConfig(item), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptType.filterConfig(item), _this.interceptSnapshot.filterConfig(item), _this.interceptState.filterConfig(item)];
   });
   this.name = options.name;
   this.columnHeader = /*#__PURE__*/React.createElement(ColumnHeader, {
@@ -111,6 +115,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
   this.interceptLogisticsStatus = new InterceptStatus(options);
   this.interceptSenderMobile = new InterceptSenderMobile(options);
   this.interceptSnapshot = new InterceptSnapshot(options);
+  this.interceptState = new InterceptState(options);
   this.express = new Express(_objectSpread(_objectSpread({}, options), {}, {
     id: "".concat(options.id, "_interceptCompany"),
     name: "物流信息"
@@ -122,7 +127,7 @@ var Logistics = /*#__PURE__*/_createClass(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.interceptSnapshot];
+  this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus, this.interceptSnapshot, this.interceptState];
   this.rules = [{
     validator: function validator(_, value) {
       var _this$componentConfig3, _this$componentConfig4, _value$interceptAddre, _value$interceptSende;

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

@@ -7,6 +7,7 @@ import TrajectorySnapshot from "./trajectorySnapshot";
 import TrajectoryStatus from '../LogisticsTrajectory/trajectoryStatus';
 import TrajectoryLastLogisticsInfo from '../LogisticsTrajectory/trajectoryLastLogisticsInfo';
 import TrajectoryLastUpdateTime from '../LogisticsTrajectory/trajectoryLastUpdateTime';
+import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 declare class LogisticsMoreTrajectory implements ComponentInterface {
     name: string;
     id: string;
@@ -26,9 +27,11 @@ declare class LogisticsMoreTrajectory implements ComponentInterface {
     canSort: boolean;
     children: ComponentInterface[];
     dataType: ComponentInterface["dataType"];
+    expressInterceptInstance: InstanceType<typeof ExpressInterceptData>;
     constructor(options: PickOption);
     editRender: (p: any) => React.JSX.Element;
     renderClient: (record: Record) => React.JSX.Element | null;
+    renderStatus: (record: any, w?: number) => React.JSX.Element;
     renderPc: () => null;
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;

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

@@ -16,9 +16,10 @@ import TrajectorySnapshot from "./trajectorySnapshot";
 import TrajectoryStatus from "../LogisticsTrajectory/trajectoryStatus";
 import TrajectoryLastLogisticsInfo from "../LogisticsTrajectory/trajectoryLastLogisticsInfo";
 import TrajectoryLastUpdateTime from "../LogisticsTrajectory/trajectoryLastUpdateTime";
+import QueryLogisticsTrack from "../../commonComponents/QueryLogisticsTrack";
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { isNull, ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 var LogisticsMoreTrajectory = /*#__PURE__*/_createClass(function LogisticsMoreTrajectory(options) {
   var _this = this,
     _this$componentConfig3;
@@ -41,6 +42,7 @@ var LogisticsMoreTrajectory = /*#__PURE__*/_createClass(function LogisticsMoreTr
   _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "expressInterceptInstance", void 0);
   _defineProperty(this, "editRender", function (p) {
     var _this$componentConfig, _this$componentConfig2;
     return /*#__PURE__*/React.createElement(GetFormItem, {
@@ -58,16 +60,39 @@ var LogisticsMoreTrajectory = /*#__PURE__*/_createClass(function LogisticsMoreTr
       id: _this.id,
       label: _this.name,
       value: record === null || record === void 0 ? void 0 : record[_this.id].map(function (item, index) {
-        return /*#__PURE__*/React.createElement("div", null, (record === null || record === void 0 ? void 0 : record[_this.id].length) > 1 ? "\u5305\u88F9".concat(index + 1, ":") : "", _this.expressDateInstance.getExpressNameByCode(item.trajectoryCompany) || item.trajectoryCompany, "/", item.trajectoryCode, "/", item.trajectorySnapshot, "/", item.trajectoryStatus, "/", item.trajectoryLastUpdateTime, "/", item.trajectoryLastLogisticsInfo);
+        return /*#__PURE__*/React.createElement("div", null, (record === null || record === void 0 ? void 0 : record[_this.id].length) > 1 ? "\u5305\u88F9".concat(index + 1, ":") : "", _this.expressDateInstance.getExpressNameByCode(item.trajectoryCompany) || item.trajectoryCompany, "/", item.trajectoryCode, "/", item.trajectorySnapshot, "/", /*#__PURE__*/React.createElement("span", {
+          style: {
+            display: 'inline-block'
+          }
+        }, _this.renderStatus(item)), "/", item.trajectoryLastUpdateTime, "/", item.trajectoryLastLogisticsInfo);
       })
     }) : null;
   });
+  _defineProperty(this, "renderStatus", function (record) {
+    var _this$expressIntercep;
+    var w = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+    var value = (_this$expressIntercep = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep === void 0 ? void 0 : _this$expressIntercep["".concat(record === null || record === void 0 ? void 0 : record['trajectoryStatus'])];
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, value !== null && value !== void 0 ? value : "--", value ? /*#__PURE__*/React.createElement(QueryLogisticsTrack, {
+      modelWidth: w,
+      interceptCompany: record['trajectoryCompany'],
+      interceptCode: record['trajectoryCode'],
+      interceptSenderMobile: record['trajectoryPhone']
+    }) : null);
+  });
   _defineProperty(this, "renderPc", function () {
     return null;
   });
   _defineProperty(this, "renderLog", function (r) {
     return !isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_trajectoryList")]) ? r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_trajectoryList")].map(function (item, index) {
-      return /*#__PURE__*/React.createElement("div", null, (r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_trajectoryList")].length) > 1 ? "\u5305\u88F9".concat(index + 1, ":") : "", _this.expressDateInstance.getExpressNameByCode(item.trajectoryCompany) || item.trajectoryCompany, "/", item.trajectoryCode, "/", item.trajectorySnapshot, "/", item.trajectoryStatus, "/", item.trajectoryLastUpdateTime, "/", item.trajectoryLastLogisticsInfo);
+      return /*#__PURE__*/React.createElement("div", null, (r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_trajectoryList")].length) > 1 ? "\u5305\u88F9".concat(index + 1, ":") : "", _this.expressDateInstance.getExpressNameByCode(item.trajectoryCompany) || item.trajectoryCompany, "/", item.trajectoryCode, "/", item.trajectorySnapshot, "/", /*#__PURE__*/React.createElement("span", {
+        style: {
+          display: 'inline-block'
+        }
+      }, _this.renderStatus(item)), "/", item.trajectoryLastUpdateTime, "/", item.trajectoryLastLogisticsInfo);
     }) : null;
   });
   _defineProperty(this, "getComponentValue", function (r) {
@@ -88,6 +113,7 @@ var LogisticsMoreTrajectory = /*#__PURE__*/_createClass(function LogisticsMoreTr
   this.type = options.type;
   this.componentConfig = options.componentConfig;
   this.expressDateInstance = ExpressData.getInstance();
+  this.expressInterceptInstance = ExpressInterceptData.getInstance();
   this.express = new TrajectoryCompany(_objectSpread(_objectSpread({}, options), {}, {
     name: "".concat(this.name, "-\u516C\u53F8"),
     id: "".concat(this.id, "_trajectoryMoreCompany")
@@ -102,7 +128,7 @@ var LogisticsMoreTrajectory = /*#__PURE__*/_createClass(function LogisticsMoreTr
   }));
   this.trajectoryStatus = new TrajectoryStatus(_objectSpread(_objectSpread({}, options), {}, {
     name: "".concat(this.name, "-\u7269\u6D41\u72B6\u6001"),
-    id: "".concat(this.id, "_trajectoryStatus")
+    id: "".concat(this.id)
   }));
   this.trajectoryLastLogisticsInfo = new TrajectoryLastLogisticsInfo(_objectSpread(_objectSpread({}, options), {}, {
     name: "".concat(this.name, "-\u6700\u540E\u7269\u6D41\u4FE1\u606F"),

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

@@ -102,7 +102,7 @@ var LogisticsTrajectory = /*#__PURE__*/_createClass(function LogisticsTrajectory
   }));
   this.trajectoryStatus = new TrajectoryStatus(_objectSpread(_objectSpread({}, options), {}, {
     name: "".concat(this.name, "-\u7269\u6D41\u72B6\u6001"),
-    id: "".concat(this.id, "_trajectoryStatus")
+    id: "".concat(this.id)
   }));
   this.trajectoryLastLogisticsInfo = new TrajectoryLastLogisticsInfo(_objectSpread(_objectSpread({}, options), {}, {
     name: "".concat(this.name, "-\u6700\u540E\u7269\u6D41\u4FE1\u606F"),

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

@@ -1,5 +1,6 @@
 import { ComponentInterface, PickOption, ALignType, Record } from "../../type";
 import React from "react";
+import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 declare class TrajectoryStatus implements ComponentInterface {
     name: string;
     parentId: string;
@@ -15,12 +16,14 @@ declare class TrajectoryStatus implements ComponentInterface {
     canSort: boolean;
     children: ComponentInterface[];
     dataType: ComponentInterface["dataType"];
+    expressInterceptInstance: InstanceType<typeof ExpressInterceptData>;
     constructor(options: PickOption);
+    renderStatus: (record: any, w?: number) => React.JSX.Element;
     renderClient: (record: any) => React.JSX.Element | null;
-    renderPc: (value: unknown, record: Record) => any;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
-    renderExport: (value: string, record: Record) => any;
+    renderExport: (value: any, record: Record) => any;
     editRender: () => null;
     filterConfig: () => never[];
 }

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

@@ -7,7 +7,9 @@ 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 ItemView from "../../commonComponents/ItemView";
+import QueryLogisticsTrack from "../../commonComponents/QueryLogisticsTrack";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 var TrajectoryStatus = /*#__PURE__*/_createClass(function TrajectoryStatus(options) {
   var _this = this;
   _classCallCheck(this, TrajectoryStatus);
@@ -25,27 +27,46 @@ var TrajectoryStatus = /*#__PURE__*/_createClass(function TrajectoryStatus(optio
   _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "expressInterceptInstance", void 0);
+  _defineProperty(this, "renderStatus", function (record) {
+    var _this$expressIntercep;
+    var w = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+    var interceptCode = "".concat(_this.parentId, "_trajectoryCode");
+    var interceptSenderMobile = "".concat(_this.parentId, "_trajectoryPhone");
+    var companyId = "".concat(_this.parentId, "_trajectoryCompany");
+    var value = (_this$expressIntercep = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep === void 0 ? void 0 : _this$expressIntercep["".concat(record === null || record === void 0 ? void 0 : record[_this.id])];
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, value !== null && value !== void 0 ? value : "--", value ? /*#__PURE__*/React.createElement(QueryLogisticsTrack, {
+      modelWidth: w,
+      interceptCompany: record[companyId],
+      interceptCode: record[interceptCode],
+      interceptSenderMobile: record[interceptSenderMobile]
+    }) : null);
+  });
   _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]
+      value: _this.renderStatus(record)
     }) : null;
   });
   _defineProperty(this, "renderPc", 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 : "--";
+    return _this.renderStatus(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);
+    var _this$expressIntercep2;
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return (_this$expressIntercep2 = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep2 === void 0 ? void 0 : _this$expressIntercep2[r === null || r === void 0 ? void 0 : r["".concat(_this.id)]];
   });
   _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 : "--";
+    var _this$expressIntercep3, _this$expressIntercep4;
+    return (_this$expressIntercep3 = (_this$expressIntercep4 = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep4 === void 0 ? void 0 : _this$expressIntercep4["".concat(record === null || record === void 0 ? void 0 : record[_this.id])]) !== null && _this$expressIntercep3 !== void 0 ? _this$expressIntercep3 : "--";
   });
   _defineProperty(this, "editRender", function () {
     return null;
@@ -54,10 +75,10 @@ var TrajectoryStatus = /*#__PURE__*/_createClass(function TrajectoryStatus(optio
     return [];
   });
   this.name = options.name;
-  this.parentId = options.id;
-  this.id = "".concat(options.id);
-  this.sortField = "".concat(options.id);
-  this.formField = "".concat(options.id);
+  this.parentId = "".concat(options.id);
+  this.id = "".concat(options.id, "_trajectoryStatus");
+  this.sortField = "".concat(options.id, "_trajectoryStatus");
+  this.formField = "".concat(options.id, "_trajectoryStatus");
   this.type = options.type;
   this.componentConfig = options.componentConfig;
   this.rules = [];
@@ -67,5 +88,6 @@ var TrajectoryStatus = /*#__PURE__*/_createClass(function TrajectoryStatus(optio
   this.canSort = false;
   this.dataType = "string";
   this.children = [];
+  this.expressInterceptInstance = ExpressInterceptData.getInstance();
 });
 export default TrajectoryStatus;

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
-import { JstLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, CommonDataTime, TradeId, ShopName, ErpTradeId, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, FlowMarkSelect, FlowTag, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, PrevSubmitter, FlowCreator, Handler, CompletedUser, LogisticsInterception, LogisticsMoreInterception, LogisticsTrajectory, LogisticsMoreTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, BsLogistics, StatusSelect, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration, WlnGoods, BsPosting, MsgStatus, NodeInput, FlowWorkOrderStatus, CommonInput, PaymentVoucherCode } from "./index";
+import { JstLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, CommonDataTime, TradeId, ShopName, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, FlowMarkSelect, FlowTag, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, PrevSubmitter, FlowCreator, Handler, CompletedUser, LogisticsInterception, LogisticsMoreInterception, LogisticsTrajectory, LogisticsMoreTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, BsLogistics, StatusSelect, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration, WlnGoods, BsPosting, MsgStatus, NodeInput, FlowWorkOrderStatus, CommonInput, PaymentVoucherCode } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => BuyerNick | CommonInput | LogisticsMoreTrajectory | LogisticsTrajectory | PaymentVoucherCode | BasicSelect | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicRadio | BasicTextArea | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | CommonDataTime | TradeId | ErpTradeId | ShopName | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstLogistics | JstItemSelect | JstSendGood | JstSupply | BsSystemOrder | BsGoods | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonSystemOrder | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | MsgStatus;
+export declare const factory: (type: string, options: PickOption) => BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | CommonDataTime | TradeId | ShopName | BuyerNick | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstLogistics | JstItemSelect | JstSendGood | JstSupply | BsSystemOrder | BsGoods | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonSystemOrder | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | MsgStatus | CommonInput | PaymentVoucherCode;

package/dist/esm/index.d.ts

@@ -76,6 +76,7 @@ export { default as MsgStatus } from './components/MsgStatus';
 export { default as WdtGoods } from "./components/WDT/WdtGoods";
 export { default as CommonInput } from "./components/CommonInput";
 export { default as PaymentVoucherCode } from "./components/PaymentVoucherCode";
+export { default as KmErpOrderNum } from "./components/ErpTradeId/components/OrderNum";
 export { factory } from "./factory";
 export { default as PlatformAvatar } from "./commonComponents/PlatformAvatar";
 export { default as SelectMark } from "./commonComponents/SelectMark";
@@ -84,3 +85,4 @@ export { default as ShopList } from "./commonComponents/ShopList";
 export { default as OperationLog } from "./commonComponents/OperationLog";
 export { default as GetFormItem } from "./components/GetFormItem";
 export { default as Global } from "./commonComponents/GlobalContext";
+export * as ErpScenes from "./commonComponents/ErpContext";

package/dist/esm/index.js

@@ -76,6 +76,8 @@ export { default as MsgStatus } from "./components/MsgStatus";
 export { default as WdtGoods } from "./components/WDT/WdtGoods";
 export { default as CommonInput } from "./components/CommonInput";
 export { default as PaymentVoucherCode } from "./components/PaymentVoucherCode";
+// TODO: ERP 打款工单使用
+export { default as KmErpOrderNum } from "./components/ErpTradeId/components/OrderNum";
 export { factory } from "./factory";
 export { default as PlatformAvatar } from "./commonComponents/PlatformAvatar";
 export { default as SelectMark } from "./commonComponents/SelectMark";
@@ -83,4 +85,6 @@ export { default as PlatBuyer } from "./commonComponents/PlatBuyer";
 export { default as ShopList } from "./commonComponents/ShopList";
 export { default as OperationLog } from "./commonComponents/OperationLog";
 export { default as GetFormItem } from "./components/GetFormItem";
-export { default as Global } from "./commonComponents/GlobalContext";
+export { default as Global } from "./commonComponents/GlobalContext";
+import * as _ErpScenes from "./commonComponents/ErpContext";
+export { _ErpScenes as ErpScenes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "0.28.2-rc.1",
+  "version": "0.28.2-rc.11",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -20,8 +20,8 @@
     ]
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "^0.28.2-rc.1",
-    "@kmkf-fe-packages/kmkf-utils": "^0.28.2-rc.1"
+    "@kmkf-fe-packages/basic-components": "^0.28.2-rc.11",
+    "@kmkf-fe-packages/kmkf-utils": "^0.28.2-rc.8"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.59.2",
@@ -37,7 +37,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1a672ece963235233313f8a2852e86d0b6f46c0b",
+  "gitHead": "00de30efe85948f8fe088b29804fc90f7a457067",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }