@kmkf-fe-packages/services-components 0.7.8 → 0.7.10

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

@@ -7,10 +7,12 @@ declare type Value = {
 declare class BasicCheckbox implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     getValue: (value: Value) => string | null | undefined;
@@ -24,11 +26,14 @@ declare class BasicCheckbox implements ComponentInterface {
     renderClient: (record: any) => React.JSX.Element | null;
     editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "in";
         type: string;
         id: string;
         name: string;
         filterComponentType: "MultipleSelect";
-        options: any[] | undefined;
+        props: {
+            options: any[] | undefined;
+        };
         filterFn: (value: string) => (i: Record) => boolean;
     };
 }

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

@@ -11,16 +11,19 @@ import { ApaasCheckbox } from '@kmkf-fe-packages/basic-components';
 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 BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
   var _this = this,
     _options$componentCon;
   _classCallCheck(this, BasicCheckbox);
   _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, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "getValue", function (value) {
     var _value$value, _value$value2, _value$value3;
@@ -85,16 +88,19 @@ var BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
   _defineProperty(this, "filterConfig", function (item) {
     var _item$config, _item$config2, _item$config2$options, _item$config3;
     return {
+      searchDefaultConditions: SYMBOL.in,
       type: item.type,
-      id: item.id,
+      id: "".concat(item.id, "_checkbox"),
       // 过滤组件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) || [],
+      props: {
+        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;
@@ -104,8 +110,10 @@ var BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = "".concat(options.id, "_checkbox");
   this.type = options.type;
   this.isCombinationComponent = false;
+  this.canSort = true;
   this.children = [];
   this.componentConfig = options.componentConfig;
   this.rules = options !== null && options !== void 0 && (_options$componentCon = options.componentConfig) !== null && _options$componentCon !== void 0 && _options$componentCon.required ? [{

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

@@ -6,25 +6,29 @@ import React from 'react';
 declare class CommonDataTime implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     getValue: (value: string) => string;
     renderClient: (record: any) => React.JSX.Element | null;
-    renderPc: (value: any, record: Record) => React.JSX.Element;
-    renderLog: (r: Record) => React.JSX.Element | null;
+    renderPc: (value: any, record: Record) => any;
+    renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => string;
     editRender: () => null;
     filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "between";
         type: string;
         id: string;
         name: string;
         filterComponentType: "Date";
         filterFn: (value: string[]) => (i: Record) => boolean;
+        formatFilterValue: (val: Array<any>) => number[] | undefined;
     };
 }
 export default CommonDataTime;

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

@@ -9,6 +9,7 @@ import React from 'react';
 import moment from 'moment';
 import ItemView from "../../commonComponents/ItemView";
 import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { SYMBOL } from "../../constant";
 
 /**
  * 针对完成时间、创建时间、修改时间定义了3中类型
@@ -18,10 +19,12 @@ var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options)
   _classCallCheck(this, CommonDataTime);
   _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, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "getValue", function (value) {
     return moment(value).format('YYYY-MM-DD HH:mm:ss');
@@ -34,10 +37,16 @@ var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options)
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
-    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) === undefined) {
-      return /*#__PURE__*/React.createElement("span", null, "--");
-    }
-    return /*#__PURE__*/React.createElement("span", null, moment(record === null || record === void 0 ? void 0 : record["".concat(_this.id)]).format('YYYY-MM-DD HH:mm:ss'));
+    var _record;
+    return (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) !== null && _record !== void 0 ? _record : '--';
+    // if (record?.[`${this.id}`] === undefined) {
+    //   return <span>--</span>;
+    // }
+    // return (
+    //   <span>
+    //     {moment(record?.[`${this.id}`]).format('YYYY-MM-DD HH:mm:ss')}
+    //   </span>
+    // );
   });
   _defineProperty(this, "renderLog", function (r) {
     if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
@@ -57,6 +66,7 @@ var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options)
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      searchDefaultConditions: SYMBOL.between,
       type: item.type,
       id: item.id,
       // 过滤组件id
@@ -68,15 +78,24 @@ var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options)
           var recordDateTime = _filterFn.filterTableListItemColumnValue(i, item.id, '');
           return _filterFn.filterDateFn(value, recordDateTime);
         };
+      },
+      formatFilterValue: function formatFilterValue(val) {
+        if ((val === null || val === void 0 ? void 0 : val.length) > 0) {
+          return val === null || val === void 0 ? void 0 : val.map(function (v) {
+            return moment(v).startOf('second').valueOf();
+          });
+        }
       }
     };
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = options.id;
   this.type = options.type;
   this.componentConfig = options.componentConfig;
   this.rules = [];
   this.isCombinationComponent = false;
+  this.canSort = true;
   this.children = [];
 });
 export default CommonDataTime;

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

@@ -3,10 +3,12 @@ import { ComponentInterface, PickOption, Record, ColumnConfig } from '../../type
 declare class CompletedUser implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     componentConfig: ComponentInterface["componentConfig"];
     effects: ComponentInterface["effects"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderPc: (value: unknown, record: Record) => React.JSX.Element;
@@ -16,14 +18,17 @@ declare class CompletedUser implements ComponentInterface {
     renderClient: () => null;
     editRender: () => null;
     filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "in";
         type: string;
         id: string;
         name: string;
         filterComponentType: "MultipleSelect";
-        options: {
-            label: string;
-            value: string;
-        }[];
+        props: {
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
         filterFn: (value: string) => (i: Record) => boolean;
     };
 }

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

@@ -7,15 +7,18 @@ 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 { filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { SYMBOL } from "../../constant";
 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, "sortField", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderPc", function (value, record) {
     var _record;
@@ -40,13 +43,16 @@ var CompletedUser = /*#__PURE__*/_createClass(function CompletedUser(options) {
   _defineProperty(this, "filterConfig", function (item) {
     var _this$effects;
     return {
+      searchDefaultConditions: SYMBOL.in,
       type: item.type,
       id: item.id,
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
       filterComponentType: 'MultipleSelect',
-      options: ((_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.userList) || [],
+      props: {
+        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, ''));
@@ -56,9 +62,11 @@ var CompletedUser = /*#__PURE__*/_createClass(function CompletedUser(options) {
   });
   this.name = "完成人";
   this.id = "completedUserName";
+  this.sortField = "completedUserName";
   this.type = "COMPLETED_USER_INPUT";
   this.effects = options.effects;
   this.isCombinationComponent = false;
+  this.canSort = true;
   this.children = [];
 });
 export default CompletedUser;

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

@@ -5,10 +5,12 @@ export declare const DateTime: ({ value, onChange, ...otherProps }: any) => Reac
 declare class BasicDataTime implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     getValue: (value: Value) => string | undefined;
@@ -18,13 +20,6 @@ declare class BasicDataTime implements ComponentInterface {
     getComponentValue: (r: Record) => any;
     renderExport: (value: any, record: Record) => any;
     editRender: () => React.JSX.Element;
-    filterConfig: (item: ColumnConfig) => {
-        type: string;
-        id: string;
-        name: string;
-        filterComponentType: "Date";
-        options: any[];
-        filterFn: (value: string[]) => (i: Record) => boolean;
-    };
+    filterConfig: (item: ColumnConfig) => any;
 }
 export default BasicDataTime;

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

@@ -15,6 +15,7 @@ import moment from 'moment';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { SYMBOL } from "../../constant";
 export var DateTime = function DateTime(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -34,10 +35,12 @@ var BasicDataTime = /*#__PURE__*/_createClass(function BasicDataTime(options) {
   _classCallCheck(this, BasicDataTime);
   _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, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "getValue", function (value) {
     return Array.isArray(value) ? value.join('~') : value;
@@ -79,29 +82,47 @@ var BasicDataTime = /*#__PURE__*/_createClass(function BasicDataTime(options) {
     });
   });
   _defineProperty(this, "filterConfig", function (item) {
-    var _item$config;
-    return {
+    var _item$config, _item$config2;
+    var dateType = item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.dateType;
+    var obj = {
+      searchDefaultConditions: SYMBOL.between,
       type: item.type,
-      id: item.id,
+      id: "".concat(item.id, "_dateTime"),
       // 过滤组件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) || [],
+      props: {
+        options: (item === null || item === void 0 ? void 0 : (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.options) || []
+      },
       filterFn: function filterFn(value) {
         return function (i) {
           var recordDateTime = _filterFn.filterTableListItemColumnValue(i, item.id, 'dateTime');
           return _filterFn.filterDateFn(value, recordDateTime);
         };
+      },
+      // TODO: 自定义时间类型特殊，不需要转换，直接使用 YYYY-MM-DD HH:mm:ss格式查询
+      formatFilterValue: function formatFilterValue(val) {
+        if ((val === null || val === void 0 ? void 0 : val.length) > 0) {
+          return val === null || val === void 0 ? void 0 : val.map(function (v) {
+            return moment(v).startOf('second').valueOf();
+          });
+        }
       }
     };
+    if (dateType !== null && dateType !== void 0 && dateType.includes('RANGE')) {
+      obj.componentDataType = 'dateArray';
+    }
+    return obj;
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = "".concat(options.id, "_dateTime");
   this.type = options.type;
   this.componentConfig = options.componentConfig;
   this.rules = [];
   this.isCombinationComponent = false;
+  this.canSort = true;
   this.children = [];
 });
 export default BasicDataTime;

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

@@ -3,11 +3,13 @@ import React from 'react';
 declare class EItemEncode implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     effects: ComponentInterface["effects"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element | null;
@@ -17,6 +19,7 @@ declare class EItemEncode implements ComponentInterface {
     renderExport: (value: unknown, record: Record) => any;
     editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "like";
         type: string;
         id: string;
         name: string;

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

@@ -12,17 +12,20 @@ import ItemEncode from "./ItemEncode";
 import { GoodImage } from "../Common";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { SYMBOL } from "../../constant";
 var EItemEncode = /*#__PURE__*/_createClass(function EItemEncode(options) {
   var _this = this,
     _this$componentConfig;
   _classCallCheck(this, EItemEncode);
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -73,8 +76,9 @@ var EItemEncode = /*#__PURE__*/_createClass(function EItemEncode(options) {
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      searchDefaultConditions: SYMBOL.like,
       type: item.type,
-      id: item.id,
+      id: "".concat(item.id, "_itemList"),
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
@@ -92,10 +96,12 @@ var EItemEncode = /*#__PURE__*/_createClass(function EItemEncode(options) {
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = "".concat(options.id, "_itemList");
   this.type = options.type;
   this.effects = options === null || options === void 0 ? void 0 : options.effects;
   this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
   this.isCombinationComponent = false;
+  this.canSort = false;
   this.children = [];
   this.rules = this !== null && this !== void 0 && (_this$componentConfig = this.componentConfig) !== null && _this$componentConfig !== void 0 && _this$componentConfig.required ? [{
     required: true,

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

@@ -3,11 +3,13 @@ import React from 'react';
 declare class EItemId implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     effects: ComponentInterface["effects"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element | null;
@@ -17,6 +19,7 @@ declare class EItemId implements ComponentInterface {
     renderExport: (value: any, record: any) => any;
     editRender: () => React.JSX.Element;
     filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "like";
         type: string;
         id: string;
         name: string;

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

@@ -12,17 +12,20 @@ import ItemId from "./ItemId";
 import { GoodImage } from "../Common";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { SYMBOL } from "../../constant";
 var EItemId = /*#__PURE__*/_createClass(function EItemId(options) {
   var _this = this,
     _this$componentConfig2;
   _classCallCheck(this, EItemId);
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -74,8 +77,9 @@ var EItemId = /*#__PURE__*/_createClass(function EItemId(options) {
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      searchDefaultConditions: SYMBOL.like,
       type: item.type,
-      id: item.id,
+      id: "".concat(item.id, "_itemList"),
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
@@ -93,9 +97,11 @@ var EItemId = /*#__PURE__*/_createClass(function EItemId(options) {
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = "".concat(options.id, "_itemList");
   this.type = options.type;
   this.effects = options === null || options === void 0 ? void 0 : options.effects;
   this.isCombinationComponent = false;
+  this.canSort = false;
   this.children = [];
   this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
   this.rules = this !== null && this !== void 0 && (_this$componentConfig2 = this.componentConfig) !== null && _this$componentConfig2 !== void 0 && _this$componentConfig2.required ? [{

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

@@ -3,11 +3,13 @@ import React from "react";
 declare class EItemSelect implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     effects: ComponentInterface["effects"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element | null;

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

@@ -17,11 +17,13 @@ var EItemSelect = /*#__PURE__*/_createClass(function EItemSelect(options) {
   _classCallCheck(this, EItemSelect);
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -73,11 +75,13 @@ var EItemSelect = /*#__PURE__*/_createClass(function EItemSelect(options) {
   });
   this.name = options.name;
   this.id = options.id;
+  this.sortField = "".concat(options.id, "_itemList");
   this.type = options.type;
   this.effects = options === null || options === void 0 ? void 0 : options.effects;
   this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
   this.rules = [];
   this.isCombinationComponent = false;
+  this.canSort = false;
   this.children = [];
 });
 export default EItemSelect;

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

@@ -3,10 +3,12 @@ import React from 'react';
 declare class ErpTradeId implements ComponentInterface {
     name: string;
     id: string;
+    sortField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
+    canSort: boolean;
     children: ComponentInterface[];
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element | null;
@@ -16,11 +18,13 @@ declare class ErpTradeId implements ComponentInterface {
     renderExport: (value: any, record: Record) => any;
     editRender: () => 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

@@ -10,15 +10,18 @@ import { TradeId } from '@kmkf-fe-packages/basic-components';
 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, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -54,8 +57,9 @@ var ErpTradeId = /*#__PURE__*/_createClass(function ErpTradeId(options) {
   });
   _defineProperty(this, "filterConfig", function (item) {
     return {
+      searchDefaultConditions: SYMBOL.in,
       type: item.type,
-      id: item.id,
+      id: "".concat(item.id, "_tradeId"),
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
@@ -64,15 +68,20 @@ var ErpTradeId = /*#__PURE__*/_createClass(function ErpTradeId(options) {
         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.type = options.type;
   this.componentConfig = options.componentConfig;
   this.rules = [];
   this.isCombinationComponent = false;
+  this.canSort = true;
   this.children = [];
 });
 export default ErpTradeId;