@kmkf-fe-packages/services-components 0.5.2-alpha.4 → 0.5.2-alpha.5

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare class ActualPayment implements ComponentInterface {
     name: string;
     id: string;
@@ -14,5 +14,11 @@ declare class ActualPayment implements ComponentInterface {
     renderPc: (value: unknown, record: Record) => JSX.Element;
     renderExport: (value: unknown, record: Record) => any;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default ActualPayment;

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

@@ -10,7 +10,7 @@ import React from 'react';
 import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var ActualPayment = /*#__PURE__*/_createClass(function ActualPayment(options) {
   var _this = this;
   _classCallCheck(this, ActualPayment);
@@ -51,6 +51,20 @@ var ActualPayment = /*#__PURE__*/_createClass(function ActualPayment(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'actualPayment')).includes(value);
+        };
+      }
+    };
+  });
   this.id = options.id;
   this.name = options.name;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 import EAlipayAccount from '../AlipayAccount';
 import EAlipayName from '../AlipayName';
 declare class Alipay implements ComponentInterface {
@@ -18,5 +18,11 @@ declare class Alipay implements ComponentInterface {
     renderPc: () => null;
     renderExport: () => null;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    }[];
 }
 export default Alipay;

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

@@ -50,6 +50,9 @@ var Alipay = /*#__PURE__*/_createClass(function Alipay(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return [_this.alipayName.filterConfig(_objectSpread({}, item)), _this.alipayAccount.filterConfig(_objectSpread({}, item))];
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class EAlipayAccount implements ComponentInterface {
     name: string;
     id: string;
@@ -17,5 +17,11 @@ declare class EAlipayAccount implements ComponentInterface {
     renderPc: (value: any, record: Record) => JSX.Element;
     renderExport: (value?: string) => string;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default EAlipayAccount;

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

@@ -9,7 +9,7 @@ import React from 'react';
 import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var AlipayAccount = function AlipayAccount(props) {
   return !props.isSingle ? /*#__PURE__*/React.createElement(ApaasInput, props) : null;
 };
@@ -58,6 +58,18 @@ var EAlipayAccount = /*#__PURE__*/_createClass(function EAlipayAccount(options)
       component: /*#__PURE__*/React.createElement(AlipayAccount, _this.componentConfig)
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: "".concat(item.id, "_alipayAccount"),
+      name: "".concat(item.name, "-\u652F\u4ED8\u5B9D\u8D26\u53F7"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'alipayAccount')).includes(value);
+        };
+      }
+    };
+  });
   this.name = '支付宝账号';
   this.id = "".concat(options.id, "_alipayAccount");
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class EAlipayAccount implements ComponentInterface {
     name: string;
     id: string;
@@ -17,5 +17,11 @@ declare class EAlipayAccount implements ComponentInterface {
     renderPc: (value: any, record: Record) => JSX.Element;
     renderExport: (value?: string) => string;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default EAlipayAccount;

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

@@ -9,7 +9,7 @@ import React from 'react';
 import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var AlipayName = function AlipayName(props) {
   return !props.isSingle ? /*#__PURE__*/React.createElement(ApaasInput, props) : null;
 };
@@ -58,6 +58,18 @@ var EAlipayAccount = /*#__PURE__*/_createClass(function EAlipayAccount(options)
       component: /*#__PURE__*/React.createElement(AlipayName, _this.componentConfig)
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: "".concat(item.id, "_alipayName"),
+      name: "".concat(item.name, "-\u652F\u4ED8\u5B9D\u540D\u79F0"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'alipayName')).includes(value);
+        };
+      }
+    };
+  });
   this.name = '支付宝名称';
   this.id = "".concat(options.id, "_alipayName");
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare type Value = {
     buyerNick?: string;
 };
@@ -18,5 +18,11 @@ declare class EBuyerNick implements ComponentInterface {
     renderPc: (value: unknown, record: Record) => JSX.Element;
     renderExport: (value: any, record: any) => any;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default EBuyerNick;

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

@@ -11,7 +11,7 @@ import { BuyerNick } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import PlatBuyer from "../../commonComponents/PlatBuyer";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var EBuyerNick = /*#__PURE__*/_createClass(function EBuyerNick(options) {
   var _this = this,
     _this$componentConfig3;
@@ -66,6 +66,20 @@ var EBuyerNick = /*#__PURE__*/_createClass(function EBuyerNick(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: "".concat(item.id, "_buyerNick"),
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'buyerNick')).includes(value);
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare class BasicCascader implements ComponentInterface {
     name: string;
     id: string;
@@ -20,5 +20,12 @@ declare class BasicCascader implements ComponentInterface {
     renderPc: (value: any, record: Record) => JSX.Element;
     renderExport: (value: any, record: Record) => string;
     editRender: (value: any) => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Cascader";
+        options: any;
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default BasicCascader;

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

@@ -8,10 +8,11 @@ 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 { Cascader } from 'antd';
+import intersection from 'lodash/intersection';
 import GetFormItem from "../GetFormItem";
 import { findLabelBySelectValue, transMultSelectOptions } from '@kmkf-fe-packages/kmkf-utils';
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(options) {
   var _this = this;
   _classCallCheck(this, BasicCascader);
@@ -79,6 +80,22 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    var _item$config;
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Cascader',
+      options: transMultSelectOptions((item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.options) || []),
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return intersection(value, _filterFn.filterTableListItemColumnValue(i, item.id, 'basicMultSelect')).length > 0;
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare type Value = {
     value?: string[];
     other?: string;
@@ -19,5 +19,12 @@ declare class BasicCheckbox implements ComponentInterface {
     renderExport: (value: any, record: Record) => string;
     renderClient: (record: any) => JSX.Element | null;
     editRender: () => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        options: any[] | undefined;
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default BasicCheckbox;

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

@@ -6,10 +6,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 intersection from 'lodash/intersection';
 import { ApaasCheckbox } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
   var _this = this,
     _options$componentCon;
@@ -67,6 +68,25 @@ var BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
       component: /*#__PURE__*/React.createElement(ApaasCheckbox, _this.componentConfig)
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    var _item$config, _item$config2, _item$config2$options, _item$config3;
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'MultipleSelect',
+      options: item !== null && item !== void 0 && (_item$config = item.config) !== null && _item$config !== void 0 && _item$config.showOther ? item === null || item === void 0 ? void 0 : (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : (_item$config2$options = _item$config2.options) === null || _item$config2$options === void 0 ? void 0 : _item$config2$options.concat({
+        label: '其他',
+        value: '其他'
+      }) : (item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.options) || [],
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return intersection(value, _filterFn.filterTableListItemColumnValue(i, item.id, 'checkbox')).length > 0;
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 /**
  * 针对完成时间、创建时间、修改时间定义了3中类型
  */
@@ -18,5 +18,11 @@ declare class CommonDataTime implements ComponentInterface {
     renderPc: (value: any, record: Record) => JSX.Element;
     renderExport: (value: any, record: Record) => string;
     editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Date";
+        filterFn: (value: string[]) => (i: Record) => boolean;
+    };
 }
 export default CommonDataTime;

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

@@ -8,7 +8,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React from 'react';
 import moment from 'moment';
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 
 /**
  * 针对完成时间、创建时间、修改时间定义了3中类型
@@ -52,6 +52,21 @@ var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options)
   _defineProperty(this, "editRender", function () {
     return null;
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Date',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          var recordDateTime = _filterFn.filterTableListItemColumnValue(i, item.id, '');
+          return _filterFn.filterDateFn(value, recordDateTime);
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,17 +1,28 @@
 /// <reference types="react" />
-import { ComponentInterface, Record } from '../../type';
+import { ComponentInterface, PickOption, Record, ColumnConfig } from '../../type';
 declare class CompletedUser implements ComponentInterface {
     name: string;
     id: string;
     type: string;
     componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
     isCombinationComponent: boolean;
     children: ComponentInterface[];
-    constructor();
+    constructor(options: PickOption);
     renderPc: (value: string, record: Record) => JSX.Element;
     renderExport: (value: any, record: Record) => any;
     render: () => null;
     renderClient: () => null;
     editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default CompletedUser;

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

@@ -6,13 +6,15 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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';
-var CompletedUser = /*#__PURE__*/_createClass(function CompletedUser() {
+import { filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+var CompletedUser = /*#__PURE__*/_createClass(function CompletedUser(options) {
   var _this = this;
   _classCallCheck(this, CompletedUser);
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "effects", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderPc", function (value, record) {
@@ -32,9 +34,26 @@ var CompletedUser = /*#__PURE__*/_createClass(function CompletedUser() {
   _defineProperty(this, "editRender", function () {
     return null;
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    var _this$effects;
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'MultipleSelect',
+      options: ((_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.userList) || [],
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return value === null || value === void 0 ? void 0 : value.includes(_filterFn.filterTableListItemColumnValue(i, item.id, ''));
+        };
+      }
+    };
+  });
   this.name = "完成人";
   this.id = "completedUserName";
   this.type = "COMPLETED_USER_INPUT";
+  this.effects = options.effects;
   this.isCombinationComponent = false;
   this.children = [];
 });

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare type Value = string | string[] | undefined;
 export declare const DateTime: ({ value, onChange, ...otherProps }: any) => JSX.Element;
 declare class BasicDataTime implements ComponentInterface {
@@ -17,5 +17,12 @@ declare class BasicDataTime implements ComponentInterface {
     renderPc: (value: any, record: Record) => JSX.Element;
     renderExport: (value: any, record: Record) => any;
     editRender: () => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Date";
+        options: any[];
+        filterFn: (value: string[]) => (i: Record) => any;
+    };
 }
 export default BasicDataTime;

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

@@ -14,7 +14,7 @@ import ApaasDate from "./ApaasDate";
 import moment from 'moment';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 export var DateTime = function DateTime(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -74,6 +74,23 @@ var BasicDataTime = /*#__PURE__*/_createClass(function BasicDataTime(options) {
       component: /*#__PURE__*/React.createElement(DateTime, _this.componentConfig)
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    var _item$config;
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Date',
+      options: (item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.options) || [],
+      filterFn: function filterFn(value) {
+        return function (i) {
+          var recordDateTime = _filterFn.filterTableListItemColumnValue(i, item.id, 'dateTime');
+          return _filterFn.dateFilterFn(value, recordDateTime);
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare class EItemEncode implements ComponentInterface {
     name: string;
     id: string;
@@ -15,5 +15,11 @@ declare class EItemEncode implements ComponentInterface {
     renderPc: (value: unknown, record: Record) => JSX.Element;
     renderExport: (value: unknown, record: Record) => any;
     editRender: () => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => any;
+    };
 }
 export default EItemEncode;

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

@@ -11,7 +11,7 @@ import GetFormItem from "../GetFormItem";
 import ItemEncode from "./ItemEncode";
 import { GoodImage } from "../Common";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var EItemEncode = /*#__PURE__*/_createClass(function EItemEncode(options) {
   var _this = this,
     _this$componentConfig;
@@ -67,6 +67,24 @@ var EItemEncode = /*#__PURE__*/_createClass(function EItemEncode(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          var _ref2;
+          return (_ref2 = _filterFn.filterTableListItemColumnValue(i, item.id, 'itemList') || []) === null || _ref2 === void 0 ? void 0 : _ref2.some(function (item) {
+            var _String;
+            return item !== null && item !== void 0 && item.outerId ? (_String = String(item === null || item === void 0 ? void 0 : item.outerId)) === null || _String === void 0 ? void 0 : _String.includes(value) : false;
+          });
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
 declare class EItemId implements ComponentInterface {
     name: string;
     id: string;
@@ -15,5 +15,11 @@ declare class EItemId implements ComponentInterface {
     renderPc: (value: unknown, record: Record) => JSX.Element;
     renderExport: (value: any, record: any) => any;
     editRender: () => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => any;
+    };
 }
 export default EItemId;

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

@@ -11,7 +11,7 @@ import GetFormItem from "../GetFormItem";
 import ItemId from "./ItemId";
 import { GoodImage } from "../Common";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var EItemId = /*#__PURE__*/_createClass(function EItemId(options) {
   var _this = this,
     _this$componentConfig2;
@@ -68,6 +68,24 @@ var EItemId = /*#__PURE__*/_createClass(function EItemId(options) {
       }))
     });
   });
+  _defineProperty(this, "filterConfig", function (item) {
+    return {
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          var _ref2;
+          return (_ref2 = _filterFn.filterTableListItemColumnValue(i, item.id, 'itemList') || []) === null || _ref2 === void 0 ? void 0 : _ref2.some(function (item) {
+            var _String;
+            return item !== null && item !== void 0 && item.numIid ? (_String = String(item === null || item === void 0 ? void 0 : item.numIid)) === null || _String === void 0 ? void 0 : _String.includes(value) : false;
+          });
+        };
+      }
+    };
+  });
   this.name = options.name;
   this.id = options.id;
   this.type = options.type;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
 declare class Express implements ComponentInterface {
     name: string;
@@ -18,5 +18,11 @@ declare class Express implements ComponentInterface {
     renderPc: (value: string, record: Record) => JSX.Element;
     renderExport: (value: string, record: Record) => string | number;
     editRender: () => JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        filterFn: (value: string) => (i: Record) => boolean;
+    };
 }
 export default Express;