@kmkf-fe-packages/basic-components 2.2.44-beta.86 → 2.2.44-beta.91

package/dist/index.esm.js

@@ -25876,6 +25876,34 @@ var index$2 = (function (props) {
     showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
   var onceRef = useRef(false);
   var valueRef = useRef(null);
+  // 字段筛选状态 - 用户选择要筛选的字段（单选）
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterField = _useState2[0],
+    setFilterField = _useState2[1];
+  // 筛选关键词 - 输入框内容，用于模糊匹配选中字段列的值
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterKeyword = _useState4[0],
+    setFilterKeyword = _useState4[1];
+  // 初始化筛选字段（跟随 showHeader 配置）
+  useEffect(function () {
+    var allColumns = columnsMap[type] || [];
+    if (showHeader && showHeader.length > 0) {
+      var _validItems$;
+      // showHeader 是对象数组，提取第一个 dataIndex
+      var validItems = showHeader.filter(function (item) {
+        return item.show !== false;
+      });
+      var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
+      setFilterField(defaultField);
+    } else {
+      var _allColumns$;
+      // 如果 showHeader 为空，使用第一个列
+      var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
+      setFilterField(firstField);
+    }
+  }, [type, showHeader]);
   useEffect(function () {
     var _value$orders, _value$showOrderInfo;
     valueRef.current = value;
@@ -25903,12 +25931,24 @@ var index$2 = (function (props) {
     }
   }, [value, type]);
   var columns = useMemo(function () {
+    // 通过 getSystemShowHead 处理 showHeader 配置
     var baseInfoColumns = getSystemShowHead({
       columns: columnsMap[type] || [],
       showHeader: showHeader
     });
     return baseInfoColumns || [];
   }, [type, showHeader]);
+  // 过滤后的表格数据 - 根据选中字段和关键词模糊匹配（不区分大小写）
+  var filteredData = useMemo(function () {
+    if (!filterField || !filterKeyword) {
+      return (value === null || value === void 0 ? void 0 : value.orders) || [];
+    }
+    return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
+      var fieldValue = item[filterField];
+      if (fieldValue == null) return false;
+      return String(fieldValue).toLowerCase().includes(filterKeyword.toLowerCase());
+    });
+  }, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword]);
   var getOrderList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -26218,8 +26258,37 @@ var index$2 = (function (props) {
   // }, [JSON.stringify(value?.selectIds || [])]);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
-  }, /*#__PURE__*/React.createElement(Table, {
-    dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
+  }, /*#__PURE__*/React.createElement(Space, {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: 150
+    },
+    placeholder: "\u9009\u62E9\u5B57\u6BB5",
+    value: filterField,
+    onChange: function onChange(value) {
+      return setFilterField(value);
+    },
+    allowClear: true
+  }, (columnsMap[type] || []).map(function (col) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: col.dataIndex,
+      value: col.dataIndex
+    }, col.title);
+  })), /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
+    style: {
+      width: 200
+    },
+    value: filterKeyword,
+    onChange: function onChange(e) {
+      return setFilterKeyword(e.target.value);
+    },
+    allowClear: true
+  })), /*#__PURE__*/React.createElement(Table, {
+    dataSource: filteredData,
     columns: columns,
     rowSelection: rowSelection,
     rowKey: rowKeyMap[type] || 'billNo',

package/dist/index.js

@@ -25891,6 +25891,34 @@ var index$2 = (function (props) {
     showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
   var onceRef = React.useRef(false);
   var valueRef = React.useRef(null);
+  // 字段筛选状态 - 用户选择要筛选的字段（单选）
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterField = _useState2[0],
+    setFilterField = _useState2[1];
+  // 筛选关键词 - 输入框内容，用于模糊匹配选中字段列的值
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterKeyword = _useState4[0],
+    setFilterKeyword = _useState4[1];
+  // 初始化筛选字段（跟随 showHeader 配置）
+  React.useEffect(function () {
+    var allColumns = columnsMap[type] || [];
+    if (showHeader && showHeader.length > 0) {
+      var _validItems$;
+      // showHeader 是对象数组，提取第一个 dataIndex
+      var validItems = showHeader.filter(function (item) {
+        return item.show !== false;
+      });
+      var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
+      setFilterField(defaultField);
+    } else {
+      var _allColumns$;
+      // 如果 showHeader 为空，使用第一个列
+      var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
+      setFilterField(firstField);
+    }
+  }, [type, showHeader]);
   React.useEffect(function () {
     var _value$orders, _value$showOrderInfo;
     valueRef.current = value;
@@ -25918,12 +25946,24 @@ var index$2 = (function (props) {
     }
   }, [value, type]);
   var columns = React.useMemo(function () {
+    // 通过 getSystemShowHead 处理 showHeader 配置
     var baseInfoColumns = kmkfUtils.getSystemShowHead({
       columns: columnsMap[type] || [],
       showHeader: showHeader
     });
     return baseInfoColumns || [];
   }, [type, showHeader]);
+  // 过滤后的表格数据 - 根据选中字段和关键词模糊匹配（不区分大小写）
+  var filteredData = React.useMemo(function () {
+    if (!filterField || !filterKeyword) {
+      return (value === null || value === void 0 ? void 0 : value.orders) || [];
+    }
+    return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
+      var fieldValue = item[filterField];
+      if (fieldValue == null) return false;
+      return String(fieldValue).toLowerCase().includes(filterKeyword.toLowerCase());
+    });
+  }, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword]);
   var getOrderList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -26233,8 +26273,37 @@ var index$2 = (function (props) {
   // }, [JSON.stringify(value?.selectIds || [])]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
-  }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
-    dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    style: {
+      width: 150
+    },
+    placeholder: "\u9009\u62E9\u5B57\u6BB5",
+    value: filterField,
+    onChange: function onChange(value) {
+      return setFilterField(value);
+    },
+    allowClear: true
+  }, (columnsMap[type] || []).map(function (col) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      key: col.dataIndex,
+      value: col.dataIndex
+    }, col.title);
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
+    style: {
+      width: 200
+    },
+    value: filterKeyword,
+    onChange: function onChange(e) {
+      return setFilterKeyword(e.target.value);
+    },
+    allowClear: true
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+    dataSource: filteredData,
     columns: columns,
     rowSelection: rowSelection,
     rowKey: rowKeyMap[type] || 'billNo',

package/dist/src/bs/SystemOrder/index.d.ts

@@ -10,7 +10,7 @@ interface BsSystemOrderProps {
         title: string;
         dataIndex: string;
         show?: boolean;
-    }[] | string[];
+    }[];
     type: string;
     disabled: boolean;
     onChange: (val: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.2.44-beta.86",
+  "version": "2.2.44-beta.91",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "49b31df457048bed04895312a87c206b9a7f4ee8"
+  "gitHead": "0245d9893044dec302f3cf00b020662eda3be96d"
 }