linkmore-design 1.0.62 → 1.0.63

package/lib/LmEditTable/EditTable.js

@@ -15,10 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-require("antd/es/form/style");
-
-var _form = _interopRequireDefault(require("antd/es/form"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _icons = require("@ant-design/icons");
@@ -39,8 +35,12 @@ var _DndContainer = _interopRequireDefault(require("./DndContainer"));
 
 var _sortableBox = _interopRequireDefault(require("./sortableBox"));
 
+var _sortableBoxCol = _interopRequireDefault(require("./sortableBoxCol"));
+
 var _sortableItem = _interopRequireDefault(require("./sortableItem"));
 
+var _sortableItemCol = _interopRequireDefault(require("./sortableItemCol"));
+
 var _DragHandle = _interopRequireDefault(require("./DragHandle"));
 
 var _UploadOss = _interopRequireDefault(require("../UploadOss"));
@@ -101,11 +101,11 @@ var EditableRow = function EditableRow(_a) {
   var index = _a.index,
       props = __rest(_a, ["index"]);
 
-  var _Form$useForm = _form.default.useForm(),
+  var _Form$useForm = _linkmoreDesign.Form.useForm(),
       _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
-  return /*#__PURE__*/_react.default.createElement(_form.default, {
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
     form: form,
     component: false
   }, /*#__PURE__*/_react.default.createElement(EditableContext.Provider, {
@@ -117,11 +117,11 @@ var EditableSortRow = function EditableSortRow(_a) {
   var index = _a.index,
       props = __rest(_a, ["index"]);
 
-  var _Form$useForm3 = _form.default.useForm(),
+  var _Form$useForm3 = _linkmoreDesign.Form.useForm(),
       _Form$useForm4 = (0, _slicedToArray2.default)(_Form$useForm3, 1),
       form = _Form$useForm4[0];
 
-  return /*#__PURE__*/_react.default.createElement(_form.default, {
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
     form: form,
     component: false
   }, /*#__PURE__*/_react.default.createElement(EditableContext.Provider, {
@@ -280,7 +280,8 @@ var EditableCell = function EditableCell(props) {
       clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
 
   var _col$componentProps = col.componentProps,
-      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps; // const checkCellRef = useRef(null)
+      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
+      dataIndex = col.dataIndex; // const checkCellRef = useRef(null)
   // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
@@ -311,35 +312,51 @@ var EditableCell = function EditableCell(props) {
 
             case 6:
               values = _context.t0;
-              console.log(Object.assign(Object.assign({
-                record: record
-              }, values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
-              console.time('testForEach');
-              handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
-              console.timeEnd('testForEach');
-              _context.next = 13;
+
+              // console.time('testForEach');
+
+              /** 如果属于中有唯一性，并且当前的值与唯一值不一致，则改变其他的 */
+              if (componentProps.isOnlyValue !== undefined && values[dataIndex] !== record[dataIndex] && ![undefined, null].includes(values[dataIndex])) {
+                handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), {
+                  only: {
+                    key: dataIndex,
+                    value: componentProps.isOnlyValue
+                  }
+                });
+              } else {
+                handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
+              } // console.timeEnd('testForEach');
+
+
+              _context.next = 10;
               return form.validateFields();
 
-            case 13:
-              _context.next = 17;
+            case 10:
+              _context.next = 14;
               break;
 
-            case 15:
-              _context.prev = 15;
+            case 12:
+              _context.prev = 12;
               _context.t1 = _context["catch"](0);
 
-            case 17:
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 15]]);
+      }, _callee, null, [[0, 12]]);
     }));
   }; // 触发保存
 
 
   var handleFormItemChange = function handleFormItemChange(e) {
-    save === null || save === void 0 ? void 0 : save();
+    save === null || save === void 0 ? void 0 : save(); // const { dataIndex } = col
+    // if (componentProps.isOnlyValue !== undefined) {
+    //   console.log(777)
+    //   handleCopy?.(dataIndex, componentProps.isOnlyValue)
+    // } else {
+    //   save?.()
+    // }
   };
   /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
 
@@ -360,13 +377,13 @@ var EditableCell = function EditableCell(props) {
           // ref={checkCellRef}
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
-          addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+          addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
             name: [col.dataIndex, 'addonBeforeValue'],
             noStyle: true
           }, /*#__PURE__*/_react.default.cloneElement(componentProps.addonBefore, {
             onChange: handleFormItemChange
           })) : null,
-          addonAfter: componentProps.addonAfter ? /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+          addonAfter: componentProps.addonAfter ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
             name: [col.dataIndex, 'addonAfterValue'],
             noStyle: true
           }, /*#__PURE__*/_react.default.cloneElement(componentProps.addonAfter, {
@@ -487,7 +504,9 @@ var EditableCell = function EditableCell(props) {
     var childNode = children;
 
     if (isEdit && editable) {
-      childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, Object.assign({
+      childNode = /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+        errorPlacement: "right",
+        valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
           margin: 0
         }
@@ -496,7 +515,8 @@ var EditableCell = function EditableCell(props) {
       }), Control(editable));
 
       if (editable === 'input' && ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonBefore) || (componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonAfter))) {
-        childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, Object.assign({
+        childNode = /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+          errorPlacement: "right",
           style: {
             margin: 0
           }
@@ -515,9 +535,17 @@ var EditableCell = function EditableCell(props) {
     var editable = col.editable,
         dataIndex = col.dataIndex;
 
-    if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
+    if (isEdit && editable) {
       form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _moment.default)(record[dataIndex]) : record[dataIndex]));
-    }
+    } // if (
+    //   (isEdit && editable && record[dataIndex]) ||
+    //   (isHoverEdit && editable && record[dataIndex])
+    // ) {
+    //   form.setFieldsValue({
+    //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
+    //   })
+    // }
+
   }, [record]); // const isOpenEdit = (isEdit && focusCapturedRef.current) || (isHoverEdit && focusCapturedRef.current);
   // const classNames = cx({
   //   'lm_base_editTable_cell': true,
@@ -568,9 +596,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       useQuickOpetate = props.useQuickOpetate,
       rowSelection = props.rowSelection,
       sortOpen = props.sortOpen,
+      colSortOpen = props.colSortOpen,
+      filterChange = props.filterChange,
       _props$size = props.size,
       size = _props$size === void 0 ? 'small' : _props$size,
-      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "size"]);
+      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -610,6 +640,22 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       setDataSource((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
     }
+  };
+
+  var onColSortEnd = function onColSortEnd(active, over) {
+    console.log(active, over, 2223);
+    var oldIndex = columns.findIndex(function (item) {
+      return item.dataIndex === active;
+    });
+    var newIndex = columns.findIndex(function (item) {
+      return item.dataIndex === over;
+    });
+    console.log((0, _sortable.arrayMove)(columns, oldIndex, newIndex), 222);
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange((0, _sortable.arrayMove)(columns, oldIndex, newIndex).map(function (item, index) {
+      return Object.assign(Object.assign({}, item), {
+        order: index
+      });
+    }));
   }; // 删除
 
 
@@ -668,26 +714,36 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectRows);
   };
 
-  var handleSave = function handleSave(row) {
+  var handleSave = function handleSave(row, options) {
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      var index = draft.findIndex(function (item) {
-        return row[_rowKey] === item[_rowKey];
-      });
+      if (options === null || options === void 0 ? void 0 : options.only) {
+        var _ref2 = options === null || options === void 0 ? void 0 : options.only,
+            key = _ref2.key,
+            value = _ref2.value;
+
+        draft.forEach(function (item, index) {
+          if (row[_rowKey] === item[_rowKey]) {
+            draft[index] = row;
+          } else {
+            draft[index][key] = value;
+          }
+        });
+      } else {
+        var index = draft.findIndex(function (item) {
+          return row[_rowKey] === item[_rowKey];
+        });
 
-      if (index !== -1) {
-        draft[index] = row;
+        if (index !== -1) {
+          draft[index] = row;
+        }
       }
     });
-    console.time('b');
-    console.log(res, 'rrrr');
 
     if (onChange) {
       onChange === null || onChange === void 0 ? void 0 : onChange(res);
     } else {
       setDataSource(res);
     }
-
-    console.timeEnd('b');
   };
 
   var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
@@ -866,10 +922,39 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
         return item[_rowKey];
       })
-    }, /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, props)))) // <tbody {...props} />
-    ;
+    }, /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, props))));
   }, [sortEditTable]);
+  var colDraggableContainer = (0, _react.useCallback)(function (_a) {
+    var props = __rest(_a, []);
+
+    return /*#__PURE__*/_react.default.createElement("tr", null, _react.default.Children.map(props.children, function (child) {
+      var _a, _b;
+
+      if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
+        return child;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_sortableItemCol.default, {
+        id: child.key
+      }, child);
+    }));
+  }, [columns]);
   var config = (0, _react.useMemo)(function () {
+    var component = {
+      body: Object.assign({
+        row: sortOpen ? EditableSortRow : EditableRow,
+        cell: EditableCell
+      }, sortOpen ? {
+        wrapper: DraggableContainer
+      } : {})
+    };
+
+    if (colSortOpen) {
+      component['header'] = {
+        row: colDraggableContainer
+      };
+    }
+
     return Object.assign({
       pagination: false,
       tableLayout: 'fixed',
@@ -879,17 +964,9 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       rowKey: function rowKey(record) {
         return record[_rowKey] || record.index || Math.random();
       },
-      components: {
-        body: Object.assign({
-          row: sortOpen ? EditableSortRow : EditableRow,
-          cell: EditableCell // wrapper: DraggableContainer
-
-        }, sortOpen ? {
-          wrapper: DraggableContainer
-        } : {})
-      }
+      components: component
     }, resetProps);
-  }, [resultColumns, dataSource, sortOpen, size]);
+  }, [resultColumns, dataSource, sortOpen, colSortOpen, size]);
   (0, _react.useEffect)(function () {
     setDataSource(defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
       return Object.assign(Object.assign({}, v), (0, _defineProperty2.default)({}, _rowKey, v[_rowKey] || "v".concat(idx + 1)));
@@ -905,7 +982,48 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   var isShowAddAction = (0, _react.useMemo)(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
-  }, [isEdit, isAdd, isHoverEdit]); // @ts-ignore
+  }, [isEdit, isAdd, isHoverEdit]);
+
+  if (colSortOpen) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "lm_editTable_warpper"
+    }, /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+      move: onColSortEnd
+    }, /*#__PURE__*/_react.default.createElement(_sortableBoxCol.default, {
+      items: columns.reduce(function (acc, item) {
+        return [].concat((0, _toConsumableArray2.default)(acc), [item.dataIndex]);
+      }, [])
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config, {
+      size: size || 'small',
+      columns: resultColumns,
+      rowClassName: "editable-row",
+      bordered: true,
+      pagination: false,
+      // components={tableComponents}
+      rowSelection: !rowSelection ? undefined : {
+        fixed: true,
+        type: 'checkbox',
+        columnWidth: 36,
+        selectedRowKeys: localRowSelectList.map(function (v) {
+          return v[_rowKey];
+        }),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
+          editTableRowChange(selectedRows);
+        }
+      },
+      dataSource: dataSource
+    })))), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      className: "lm_editTable_add_bar",
+      type: "dashed",
+      onClick: handleAdd,
+      style: {
+        marginTop: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
+      className: "lmweb-plus"
+    }), "\u65B0\u589E"));
+  } // @ts-ignore
+
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_editTable_warpper"

package/lib/LmEditTable/sortableBoxCol.d.ts

@@ -0,0 +1,5 @@
+declare const SortableBox: ({ items, children }: {
+    items: any;
+    children: any;
+}) => JSX.Element;
+export default SortableBox;

package/lib/LmEditTable/sortableBoxCol.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var SortableBox = function SortableBox(_ref) {
+  var items = _ref.items,
+      children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: items,
+    strategy: _sortable.horizontalListSortingStrategy
+  }, children);
+};
+
+var _default = SortableBox;
+exports.default = _default;

package/lib/LmEditTable/sortableItemCol.d.ts

@@ -0,0 +1 @@
+export default function SortableItem(props: any): JSX.Element;

package/lib/LmEditTable/sortableItemCol.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SortableItem;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var children = _a.children,
+      props = __rest(_a, ["children"]);
+
+  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, {
+    ref: ref
+  }), children);
+});
+
+function SortableItem(props) {
+  var _useSortable = (0, _sortable.useSortable)({
+    id: props.id
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    position: 'relative',
+    transform: _utilities.CSS.Translate.toString(transform),
+    transition: transition,
+    padding: 0,
+    touchAction: 'none',
+    height: '40px',
+    cursor: 'move'
+  };
+  return /*#__PURE__*/_react.default.createElement(Item, Object.assign({
+    ref: setNodeRef,
+    style: style
+  }, attributes, listeners, props));
+}

package/lib/LmFilter/clearFilter/index.js

@@ -14,13 +14,11 @@ var _linkmoreDesign = require("linkmore-design");
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      dispatch = instance.dispatch;
+      dispatch = instance.dispatch,
+      onClearChange = instance.onClearChange;
 
   var handleClear = function handleClear() {
-    console.log('state', state);
-    dispatch({
-      type: 'reset'
-    });
+    onClearChange();
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/lib/LmFilter/complexFilter/drawer.js

@@ -188,20 +188,32 @@ var ListItemChecked = function ListItemChecked(_ref) {
 
 
 var ListGroup = function ListGroup(_ref2) {
-  var instance = _ref2.instance;
+  var instance = _ref2.instance,
+      filterItemData = _ref2.filterItemData;
   var state = instance.state,
       dispatch = instance.dispatch,
       dataSource = instance.dataSource;
+  var inputRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(function () {
     return dataSource;
   }),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       options = _useState2[0],
-      setOptions = _useState2[1];
+      setOptions = _useState2[1]; // 未过滤的筛选项
+
+
+  var getNotFilters = (0, _react.useCallback)(function () {
+    return dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+      return !(filterItemData === null || filterItemData === void 0 ? void 0 : filterItemData.some(function (s) {
+        return s.field === v.field;
+      }));
+    });
+  }, [dataSource, filterItemData]);
 
   var handleSearch = function handleSearch(val) {
-    setOptions(dataSource.filter(function (v) {
+    var arr = getNotFilters();
+    setOptions(arr.filter(function (v) {
       var _v$title;
 
       return ((_v$title = v.title) === null || _v$title === void 0 ? void 0 : _v$title.indexOf(val)) > -1;
@@ -228,6 +240,12 @@ var ListGroup = function ListGroup(_ref2) {
     });
   };
 
+  (0, _react.useEffect)(function () {
+    var _inputRef$current, _inputRef$current$inp;
+
+    var val = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value) || '';
+    handleSearch(val);
+  }, [filterItemData]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "list_group"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -235,6 +253,7 @@ var ListGroup = function ListGroup(_ref2) {
   }, "\u9009\u62E9\u67E5\u8BE2\u9879"), /*#__PURE__*/_react.default.createElement("div", {
     className: "list_group_search"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
     allowClear: true,
     size: "default",
     placeholder: "\u8BF7\u8F93\u5165",
@@ -359,7 +378,8 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
       item: item
     }));
   })), /*#__PURE__*/_react.default.createElement(ListGroup, {
-    instance: instance
+    instance: instance,
+    filterItemData: filterItemData
   })), /*#__PURE__*/_react.default.createElement(_valueDrawer.default, {
     instance: instance
   })));

package/lib/LmFilter/components/CheckboxFilter.js

@@ -171,7 +171,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       }
     }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
       value: item.value,
-      className: "filter_item-content"
+      className: "filter_item_content"
     }, item.label));
   }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"