@rainbow-oh/yee-c 0.12.2 → 0.14.0

package/dist/esm/Table/table.js

@@ -218,6 +218,37 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       action: 'sort'
     });
   }, [onSortInternal, onChange, pagination, current, pageSize, filters]);
+  var handleFilter = React.useCallback(function (options) {
+    var next = onFilterInternal(options);
+    // Remove-then-re-add: the committing column's entry must be reported
+    // even when the merged records hold no record for it (a controlled
+    // column whose prop value is still empty), so parents can mirror state
+    // from this payload alone. On clear the key is kept with its empty
+    // value, matching antd.
+    var emitted = next.filterRecords.filter(function (record) {
+      return record.dataIndex !== options.dataIndex;
+    });
+    emitted.push({
+      dataIndex: options.dataIndex,
+      value: options.value
+    });
+    onChange === null || onChange === void 0 || onChange({
+      pagination: pagination === false ? undefined : {
+        current: current,
+        pageSize: pageSize
+      },
+      sorter: sorters,
+      filters: Object.fromEntries(emitted.map(function (_ref2) {
+        var dataIndex = _ref2.dataIndex,
+          value = _ref2.value;
+        return [dataIndex, value];
+      })),
+      // Filtered but not yet re-sorted; symmetric with handleSort, whose
+      // payload is sorted but not re-paginated.
+      currentDataSource: next.data,
+      action: 'filter'
+    });
+  }, [onFilterInternal, onChange, pagination, current, pageSize, sorters]);
 
   // Expanded row data
   var _useExpand = useExpand(expandable, allKeys, getRowKey),
@@ -234,9 +265,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     checkedAll = _useSelection.checkedAll,
     onCheckAll = _useSelection.onCheckAll,
     onSelectionChange = _useSelection.onChange;
-
-  // Track filter changes to emit onChange after filtered data is recalculated
-  var prevFilterRecordsRef = useRef(filterRecords);
   var _React$useState3 = React.useState({
       left: false,
       right: false
@@ -262,8 +290,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   // measured layout, used as an effect dependency instead of the array itself.
   var columnLayoutKey = useMemo(function () {
     return wrapedColumns.map(function (column, index) {
-      var _ref2, _column$key, _column$fixed, _column$width;
-      return "".concat((_ref2 = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex) !== null && _ref2 !== void 0 ? _ref2 : index, ":").concat((_column$fixed = column.fixed) !== null && _column$fixed !== void 0 ? _column$fixed : '', ":").concat((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : '');
+      var _ref3, _column$key, _column$fixed, _column$width;
+      return "".concat((_ref3 = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex) !== null && _ref3 !== void 0 ? _ref3 : index, ":").concat((_column$fixed = column.fixed) !== null && _column$fixed !== void 0 ? _column$fixed : '', ":").concat((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : '');
     }).join('|');
   }, [wrapedColumns]);
 
@@ -298,21 +326,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       return unchanged ? current : nextWidths;
     });
   }, [wrapedColumnsRef]);
-  useEffect(function () {
-    if (prevFilterRecordsRef.current === filterRecords) return;
-    prevFilterRecordsRef.current = filterRecords;
-    if (!onChange) return;
-    onChange({
-      pagination: pagination === false ? undefined : {
-        current: current,
-        pageSize: pageSize
-      },
-      sorter: sorters,
-      filters: filters,
-      currentDataSource: sortedData,
-      action: 'filter'
-    });
-  }, [filterRecords, filters, sortedData, pagination, current, pageSize, sorters, onChange]);
 
   // Observers are attached once: both callbacks are referentially stable.
   useEffect(function () {
@@ -365,7 +378,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       sorters: sorters,
       onSort: handleSort,
       onCheckAll: onCheckAll,
-      onInternalFilter: onFilterInternal,
+      onInternalFilter: handleFilter,
       resizingKey: resizingKey,
       onResizeStart: onResizeStart,
       onResizeStep: onResizeStep

package/dist/esm/Table/theader/cell.js

@@ -1,4 +1,4 @@
-var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "internalFilters", "style", "width", "colSpan", "rowSpan", "resizable", "resizeKey", "resizingKey", "onHeaderCell", "onSort", "onInternalFilter", "onResizeStart", "onResizeStep"];
+var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "style", "width", "colSpan", "rowSpan", "resizable", "resizeKey", "resizingKey", "onHeaderCell", "onSort", "onInternalFilter", "onResizeStart", "onResizeStep"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -32,7 +32,6 @@ var HeadCell = function HeadCell(props) {
     _props$showSorterTool = props.showSorterTooltip,
     showSorterTooltip = _props$showSorterTool === void 0 ? true : _props$showSorterTool,
     tableActionBarShowOnHover = props.tableActionBarShowOnHover,
-    internalFilters = props.internalFilters,
     style = props.style,
     width = props.width,
     colSpan = props.colSpan,
@@ -116,7 +115,6 @@ var HeadCell = function HeadCell(props) {
     }, /*#__PURE__*/React.createElement(Filter, _extends({}, rest, {
       filter: filter,
       column: props,
-      internalFilters: internalFilters,
       onInternalFilter: onInternalFilter,
       dataIndex: dataIndex
     })));

package/dist/esm/Table/theader/filter.js

@@ -35,6 +35,7 @@ var hasFilterValue = function hasFilterValue(value) {
   return Array.isArray(value) ? value.length > 0 : value !== '';
 };
 var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
+  var _filter$filteredValue;
   var filter = props.filter,
     column = props.column,
     getPopupContainer = props.getPopupContainer,
@@ -74,6 +75,26 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
     _useState8 = _slicedToArray(_useState7, 2),
     searchValue = _useState8[0],
     setSearchValue = _useState8[1];
+
+  // Controlled columns echo `filteredValue` into the local display state.
+  // Only sync while the dropdown is closed so in-progress edits are kept; on
+  // close the committed ref is synced too, so `filterOnClose`'s value diff
+  // doesn't re-commit the echoed value as if the user had changed it.
+  var controlled = filter.filteredValue !== undefined;
+  useEffect(function () {
+    if (!controlled || open) return;
+    var value = filter.filteredValue;
+    if (Array.isArray(value)) {
+      setSelectNodes(_toConsumableArray(value));
+      setSearchValue('');
+    } else {
+      setSearchValue(String(value));
+      setSelectNodes([]);
+    }
+    var committed = Array.isArray(value) ? _toConsumableArray(value) : value;
+    committedValueRef.current = committed;
+    setCommittedValue(committed);
+  }, [controlled, filter.filteredValue, open]);
   useEffect(function () {
     if (!open) return;
     var raf = requestAnimationFrame(function () {
@@ -226,7 +247,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
     }
     setOpen(nextOpen);
   };
-  var isFiltered = filtered !== null && filtered !== void 0 ? filtered : hasFilterValue(committedValue);
+  var isFiltered = filtered !== null && filtered !== void 0 ? filtered : controlled ? hasFilterValue((_filter$filteredValue = filter.filteredValue) !== null && _filter$filteredValue !== void 0 ? _filter$filteredValue : '') : hasFilterValue(committedValue);
   var renderTrigger = function renderTrigger() {
     var trigger = typeof icon === 'function' ? icon(isFiltered) : /*#__PURE__*/React.createElement(Button, {
       icon: items ? /*#__PURE__*/React.createElement(ListFilter, {

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-09-14T02:29:50.905Z
+ * Generated on 2026-09-17T09:06:26.119Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-09-14T02:29:50.905Z
+ * Generated on 2026-09-17T09:06:26.119Z
  */
 
 /* ========== color.css ========== */

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.12.2";
+export declare const version = "0.14.0";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.12.2";
+export var version = "0.14.0";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }