@rainbow-oh/yee-c 0.14.7 → 0.15.0

package/dist/cjs/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
+export type { FieldGroupProps, FieldProps, FieldStatus, FieldStatusData, FieldTooltip, FormInstance, FormListField, FormListOperation, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
 export default Form;

package/dist/cjs/Input/style/index.less

@@ -45,6 +45,7 @@
     box-shadow: none;
     height: auto;
     padding: 0;
+    border-radius: 0;
   }
 
   &-inner {

package/dist/cjs/InputNumber/style/index.less

@@ -13,6 +13,7 @@
   border-radius: var(--yee-input-border-radius, 4px);
   background-color: var(--yee-input-content-bg-color);
   transition: all 0.3s;
+  overflow: hidden;
 
   &:not(@{pls}-disabled):hover {
     border-color: var(--yee-input-hover-border-color);

package/dist/cjs/Select/hooks/useSelectKeyboard.js

@@ -218,8 +218,11 @@ function useSelectKeyboard({
         handleEnter();
         break;
       case "Escape":
-        event.preventDefault();
-        handleEscape();
+        if (open) {
+          event.preventDefault();
+          event.stopPropagation();
+          handleEscape();
+        }
         break;
       default:
     }

package/dist/cjs/Selector/selector.js

@@ -313,10 +313,13 @@ var Selector = import_react.default.forwardRef(
         onKeyDown: (event) => {
           if (disabled)
             return;
-          if (!searchable && event.key === "Enter" && !open) {
-            onOpenChange == null ? void 0 : onOpenChange(true);
+          if (event.key === "Enter" && !open && onOpenChange) {
+            event.preventDefault();
+            onOpenChange(true);
+          }
+          if (event.target !== inputRef.current) {
+            externalOnKeyDown == null ? void 0 : externalOnKeyDown(event);
           }
-          externalOnKeyDown == null ? void 0 : externalOnKeyDown(event);
         },
         ref
       }),

package/dist/cjs/TableSelect/hooks/useTableSelectKeyboard.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { TableSelectDataType } from '../interface';
+type KeyType = string | number;
+interface UseTableSelectKeyboardParams {
+    open: boolean;
+    disabled?: boolean;
+    dataSource: Array<TableSelectDataType>;
+    rowKey: string | ((record: any) => string);
+    selectionType: 'radio' | 'checkbox';
+    selectedRowKeys: Array<KeyType>;
+    searchValue: string;
+    onSelect: (keys: Array<KeyType>, rows: Array<TableSelectDataType>) => void;
+    onClose: () => void;
+}
+/**
+ * Keyboard navigation for the popup table. The highlight is positional (like a
+ * hover cursor): `activeRow` is a rendered row index, and Space selects the
+ * record displayed there. The rendered order is the filter→sort→paginate
+ * result inside Table and is not derivable from `dataSource`, so the row count
+ * and the highlighted row's key are both read from the popup DOM.
+ */
+export default function useTableSelectKeyboard({ open, disabled, dataSource, rowKey, selectionType, selectedRowKeys, searchValue, onSelect, onClose, }: UseTableSelectKeyboardParams): {
+    popupRef: import("react").RefObject<HTMLDivElement | null>;
+    activeRow: number;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};

package/dist/cjs/TableSelect/hooks/useTableSelectKeyboard.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/TableSelect/hooks/useTableSelectKeyboard.ts
+var useTableSelectKeyboard_exports = {};
+__export(useTableSelectKeyboard_exports, {
+  default: () => useTableSelectKeyboard
+});
+module.exports = __toCommonJS(useTableSelectKeyboard_exports);
+var import_react = require("react");
+function useTableSelectKeyboard({
+  open,
+  disabled,
+  dataSource,
+  rowKey,
+  selectionType,
+  selectedRowKeys,
+  searchValue,
+  onSelect,
+  onClose
+}) {
+  const popupRef = (0, import_react.useRef)(null);
+  const [activeRow, setActiveRow] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    setActiveRow(0);
+  }, [open, searchValue]);
+  const getRecordKey = (item) => typeof rowKey === "function" ? rowKey(item) : item[rowKey];
+  const getRowCount = () => {
+    var _a, _b;
+    return (_b = (_a = popupRef.current) == null ? void 0 : _a.querySelectorAll("tr[data-row-index]").length) != null ? _b : 0;
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (!open || activeRow < 1)
+      return;
+    const rowEl = (_a = popupRef.current) == null ? void 0 : _a.querySelector(
+      `tr[data-row-index="${activeRow}"]`
+    );
+    if (!rowEl)
+      return;
+    let parent = rowEl.parentElement;
+    while (parent && parent !== popupRef.current) {
+      const { overflowY } = window.getComputedStyle(parent);
+      if (/(auto|scroll)/.test(overflowY) && parent.scrollHeight > parent.clientHeight) {
+        const parentRect = parent.getBoundingClientRect();
+        const rowRect = rowEl.getBoundingClientRect();
+        if (rowRect.bottom > parentRect.bottom) {
+          parent.scrollTop += rowRect.bottom - parentRect.bottom;
+        } else if (rowRect.top < parentRect.top) {
+          parent.scrollTop -= parentRect.top - rowRect.top;
+        }
+        return;
+      }
+      parent = parent.parentElement;
+    }
+  }, [activeRow, open]);
+  const selectActiveRow = () => {
+    var _a;
+    const rowEl = (_a = popupRef.current) == null ? void 0 : _a.querySelector(
+      `tr[data-row-index="${activeRow}"]`
+    );
+    const inputEl = rowEl == null ? void 0 : rowEl.querySelector(
+      'input[type="radio"],input[type="checkbox"]'
+    );
+    if (!inputEl || inputEl.disabled)
+      return;
+    const record = dataSource.find(
+      (item) => String(getRecordKey(item)) === inputEl.value
+    );
+    if (!record)
+      return;
+    const key = getRecordKey(record);
+    if (selectionType === "radio") {
+      onSelect([key], [record]);
+      onClose();
+      return;
+    }
+    const checked = selectedRowKeys.some((k) => String(k) === String(key));
+    const nextKeys = checked ? selectedRowKeys.filter((k) => String(k) !== String(key)) : [...selectedRowKeys, key];
+    const rows = dataSource.filter(
+      (item) => nextKeys.some((k) => String(getRecordKey(item)) === String(k))
+    );
+    onSelect(nextKeys, rows);
+  };
+  const handleKeyDown = (event) => {
+    if (!open || disabled)
+      return;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        setActiveRow(Math.min(activeRow + 1, getRowCount()));
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        setActiveRow(activeRow <= 1 ? getRowCount() : activeRow - 1);
+        break;
+      case " ":
+        if (activeRow > 0) {
+          event.preventDefault();
+          selectActiveRow();
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        break;
+      default:
+        break;
+    }
+  };
+  return { popupRef, activeRow, handleKeyDown };
+}

package/dist/cjs/TableSelect/interface.d.ts

@@ -9,7 +9,7 @@ type SelectedKeyType = string | number;
 /**
  * Data item type
  */
-type InDataType = {
+export type TableSelectDataType = {
     [propName: string]: any;
 };
 /**
@@ -40,7 +40,7 @@ export interface InternalTableProps {
     /**
      * Data source
      */
-    dataSource: Array<InDataType>;
+    dataSource: Array<TableSelectDataType>;
     /**
      * Custom class name
      */
@@ -65,6 +65,11 @@ export interface InternalTableProps {
      * Whether popup is visible (for focus trap)
      */
     visible?: boolean;
+    /**
+     * Ref to the popup root element, used by TableSelect for keyboard navigation
+     * @internal
+     */
+    popupRef?: React.RefObject<HTMLDivElement | null>;
 }
 /**
  * TableSelect component Props interface
@@ -77,7 +82,7 @@ export interface TableSelectProps extends Omit<InternalTableProps, 'value' | 'on
     /**
      * Data source
      */
-    dataSource: Array<InDataType>;
+    dataSource: Array<TableSelectDataType>;
     /**
      * Single or multiple selection
      * @default: 'radio'
@@ -161,7 +166,7 @@ export interface TableSelectProps extends Omit<InternalTableProps, 'value' | 'on
      * Option label property (text field for displaying labels)
      * @default 'name'
      */
-    optionLabelProp?: string | ((option: InDataType) => string);
+    optionLabelProp?: string | ((option: TableSelectDataType) => string);
     /**
      * Selection change callback
      * @param keys Selected keys

package/dist/cjs/TableSelect/internal-table.js

@@ -75,7 +75,8 @@ var InternalTable = (props) => {
     rowKey = "key",
     isShowFilter = true,
     rowSelection = {},
-    visible
+    visible,
+    popupRef: externalPopupRef
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "type",
@@ -85,11 +86,10 @@ var InternalTable = (props) => {
     "rowKey",
     "isShowFilter",
     "rowSelection",
-    "visible"
+    "visible",
+    "popupRef"
   ]);
-  const [internalDataSource, setInternalDataSource] = (0, import_react.useState)(
-    []
-  );
+  const [internalDataSource, setInternalDataSource] = (0, import_react.useState)([]);
   const renderRowSelection = __spreadValues({ type, selectedRowKeys: value }, rowSelection);
   (0, import_react.useEffect)(() => {
     setInternalDataSource(dataSource || []);
@@ -134,14 +134,27 @@ var InternalTable = (props) => {
     }
     return null;
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-popup`, tabIndex: 0, ref: popupRef }, renderRadio(), /* @__PURE__ */ import_react.default.createElement(
-    import_Table.default,
-    __spreadProps(__spreadValues({}, rest), {
-      rowKey,
-      dataSource: internalDataSource,
-      columns,
-      rowSelection: renderRowSelection
-    })
-  ));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefixCls}-popup`,
+      tabIndex: 0,
+      ref: (node) => {
+        popupRef.current = node;
+        if (externalPopupRef)
+          externalPopupRef.current = node;
+      }
+    },
+    renderRadio(),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Table.default,
+      __spreadProps(__spreadValues({}, rest), {
+        rowKey,
+        dataSource: internalDataSource,
+        columns,
+        rowSelection: renderRowSelection
+      })
+    )
+  );
 };
 var internal_table_default = InternalTable;

package/dist/cjs/TableSelect/style/index.less

@@ -6,16 +6,8 @@
   margin: 0;
   padding: 12px 0;
 
-  .rb-table-select__radio {
-    padding: 0 12px;
-    margin-bottom: 16px;
-  }
-}
-
-.rb-table-select {
-  margin-bottom: 0;
-
-  .rb-table-footer-operate {
-    padding: 0 12px;
+  // Keyboard-navigated row (TableSelect arrow keys)
+  .yee-table-highlight-row {
+    background-color: var(--yee-table-tbody-tr-hover-bg-color);
   }
 }

package/dist/cjs/TableSelect/table-select.js

@@ -70,10 +70,13 @@ var import_Trigger = __toESM(require("../Trigger"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_omit = __toESM(require("../utils/omit"));
 var import_pick = __toESM(require("../utils/pick"));
+var import_useTableSelectKeyboard = __toESM(require("./hooks/useTableSelectKeyboard"));
 var import_internal_table = __toESM(require("./internal-table"));
 var import_style = require("./style/index.less");
 var handleState = (value) => {
-  if (typeof value === "string" || typeof value === "number") {
+  if (value === "") {
+    return [];
+  } else if (typeof value === "string" || typeof value === "number") {
     return [value];
   } else if (Array.isArray(value)) {
     return value;
@@ -182,9 +185,28 @@ var TableSelect = (baseprops) => {
     const renderKeys = keys.length === 0 ? selectionType === "checkbox" ? [] : "" : keys;
     onChange == null ? void 0 : onChange(renderKeys, void 0);
   };
+  const {
+    popupRef,
+    activeRow,
+    handleKeyDown: handleSelectorKeyDown
+  } = (0, import_useTableSelectKeyboard.default)({
+    open,
+    disabled,
+    dataSource,
+    rowKey,
+    selectionType,
+    selectedRowKeys: mergedValue,
+    searchValue,
+    onSelect: onSelectChange,
+    onClose: () => onVisibleChange(false)
+  });
+  const userHighlight = rest.highlight;
   const tableProps = (0, import_omit.default)(
     __spreadProps(__spreadValues({}, rest), {
       prefixCls,
+      // Keyboard navigation reuses the row highlight; it takes precedence over
+      // a user-supplied index list while active.
+      highlight: activeRow > 0 ? [activeRow, ...Array.isArray(userHighlight) ? userHighlight : []] : userHighlight,
       rowSelection: __spreadProps(__spreadValues({}, props.rowSelection), {
         onChange: onSelectChange,
         selectedRowKeys: mergedValue
@@ -212,8 +234,15 @@ var TableSelect = (baseprops) => {
     selectedKeys: mergedValue,
     onSearch: handleSearch,
     onRemove: onTagRemove,
+    onClear: () => {
+      setMergedValue([]);
+      onChange == null ? void 0 : onChange(selectionType === "radio" ? "" : [], void 0);
+    },
+    onKeyDown: handleSelectorKeyDown,
     onOpenChange: (open2) => {
-      if (!open2) {
+      if (open2) {
+        onVisibleChange(true);
+      } else {
         clearSearchValue();
       }
     },
@@ -222,11 +251,19 @@ var TableSelect = (baseprops) => {
     closable,
     placeholder
   });
-  const renderPopup = () => /* @__PURE__ */ import_react.default.createElement(import_internal_table.default, __spreadProps(__spreadValues({}, tableProps), { value, rowKey }));
+  const renderPopup = () => /* @__PURE__ */ import_react.default.createElement(
+    import_internal_table.default,
+    __spreadProps(__spreadValues({}, tableProps), {
+      value,
+      rowKey,
+      popupRef
+    })
+  );
   return /* @__PURE__ */ import_react.default.createElement(
     import_Trigger.default,
     __spreadProps(__spreadValues({}, rest), {
       trigger: "click",
+      open,
       popupClassName: `${prefixCls}-popup`,
       popup: renderPopup(),
       placement,

package/dist/cjs/style/size.css

@@ -587,7 +587,7 @@
   --yee-select-popup-max-height: 200px;
 
   /* --Selector-- */
-  --yee-selector-padding: 2px 6px;
+  --yee-selector-padding: 3px 6px;
   --yee-selector-border-width: 1px;
   --yee-selector-border-radius: 4px;
   --yee-selector-height: var(--yee-input-height);

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-14T03:47:11.377Z
+ * Generated on 2026-10-15T09:51:26.325Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-14T03:47:11.377Z
+ * Generated on 2026-10-15T09:51:26.325Z
  */
 
 /* ========== color.css ========== */
@@ -1940,7 +1940,7 @@
   --yee-select-popup-max-height: 200px;
 
   /* --Selector-- */
-  --yee-selector-padding: 2px 6px;
+  --yee-selector-padding: 3px 6px;
   --yee-selector-border-width: 1px;
   --yee-selector-border-radius: 4px;
   --yee-selector-height: var(--yee-input-height);

package/dist/cjs/version.d.ts

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

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.14.7";
+var version = "0.15.0";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
+export type { FieldGroupProps, FieldProps, FieldStatus, FieldStatusData, FieldTooltip, FormInstance, FormListField, FormListOperation, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
 export default Form;

package/dist/esm/Input/style/index.less

@@ -45,6 +45,7 @@
     box-shadow: none;
     height: auto;
     padding: 0;
+    border-radius: 0;
   }
 
   &-inner {

package/dist/esm/InputNumber/style/index.less

@@ -13,6 +13,7 @@
   border-radius: var(--yee-input-border-radius, 4px);
   background-color: var(--yee-input-content-bg-color);
   transition: all 0.3s;
+  overflow: hidden;
 
   &:not(@{pls}-disabled):hover {
     border-color: var(--yee-input-hover-border-color);

package/dist/esm/Select/hooks/useSelectKeyboard.js

@@ -225,8 +225,13 @@ export default function useSelectKeyboard(_ref) {
         handleEnter();
         break;
       case 'Escape':
-        event.preventDefault();
-        handleEscape();
+        // Only swallow Escape while open so outer layers (e.g. a Dialog's
+        // useEsc listening on document) still receive it when closed.
+        if (open) {
+          event.preventDefault();
+          event.stopPropagation();
+          handleEscape();
+        }
         break;
       default:
     }

package/dist/esm/Selector/selector.js

@@ -220,12 +220,17 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-disabled": disabled || undefined,
     onKeyDown: function onKeyDown(event) {
       if (disabled) return;
-      // For non-searchable single select, handle Enter to open dropdown
-      if (!searchable && event.key === 'Enter' && !open) {
-        onOpenChange === null || onOpenChange === void 0 || onOpenChange(true);
+      // Enter opens the dropdown while it is closed
+      if (event.key === 'Enter' && !open && onOpenChange) {
+        event.preventDefault();
+        onOpenChange(true);
+      }
+      // Input forwards this handler for its own keydowns; handling them
+      // here too would fire the handler twice per keypress. Only handle
+      // events that originate on the container (non-searchable focus).
+      if (event.target !== inputRef.current) {
+        externalOnKeyDown === null || externalOnKeyDown === void 0 || externalOnKeyDown(event);
       }
-      // Also call external onKeyDown if provided
-      externalOnKeyDown === null || externalOnKeyDown === void 0 || externalOnKeyDown(event);
     },
     ref: ref
   }), /*#__PURE__*/React.createElement("div", {

package/dist/esm/TableSelect/hooks/useTableSelectKeyboard.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { TableSelectDataType } from '../interface';
+type KeyType = string | number;
+interface UseTableSelectKeyboardParams {
+    open: boolean;
+    disabled?: boolean;
+    dataSource: Array<TableSelectDataType>;
+    rowKey: string | ((record: any) => string);
+    selectionType: 'radio' | 'checkbox';
+    selectedRowKeys: Array<KeyType>;
+    searchValue: string;
+    onSelect: (keys: Array<KeyType>, rows: Array<TableSelectDataType>) => void;
+    onClose: () => void;
+}
+/**
+ * Keyboard navigation for the popup table. The highlight is positional (like a
+ * hover cursor): `activeRow` is a rendered row index, and Space selects the
+ * record displayed there. The rendered order is the filter→sort→paginate
+ * result inside Table and is not derivable from `dataSource`, so the row count
+ * and the highlighted row's key are both read from the popup DOM.
+ */
+export default function useTableSelectKeyboard({ open, disabled, dataSource, rowKey, selectionType, selectedRowKeys, searchValue, onSelect, onClose, }: UseTableSelectKeyboardParams): {
+    popupRef: import("react").RefObject<HTMLDivElement | null>;
+    activeRow: number;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};