@rainbow-oh/yee-c 0.4.4 → 0.5.0

package/dist/cjs/Select/select.js

@@ -83,7 +83,10 @@ var Select = (baseprops) => {
     optionFilterProp = "label",
     disabled,
     onChange,
-    onFilter
+    onFilter,
+    virtual,
+    itemHeight,
+    listHeight
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "options",
@@ -94,7 +97,10 @@ var Select = (baseprops) => {
     "optionFilterProp",
     "disabled",
     "onChange",
-    "onFilter"
+    "onFilter",
+    "virtual",
+    "itemHeight",
+    "listHeight"
   ]);
   const single = mode !== "multiple" && mode !== "tags" ? true : false;
   const handleState = (value2) => {
@@ -114,6 +120,11 @@ var Select = (baseprops) => {
   const [searchValue, setSearchValue] = (0, import_react.useState)("");
   const [open, setOpen] = (0, import_react.useState)(false);
   const popupRef = (0, import_react.useRef)(null);
+  const virtualApiRef = (0, import_react.useRef)(null);
+  const handleVirtualScrollToIndex = (0, import_react.useCallback)((index) => {
+    var _a2;
+    (_a2 = virtualApiRef.current) == null ? void 0 : _a2.scrollToIndex(index);
+  }, []);
   const getOptions = (keys) => {
     if (keys === "" || keys === null) {
       return void 0;
@@ -184,7 +195,8 @@ var Select = (baseprops) => {
     onSelect: handleSelect,
     onClose: () => setOpen(false),
     onOpenChange: handleOpenChange,
-    containerRef: popupRef
+    containerRef: popupRef,
+    scrollToIndex: virtual ? handleVirtualScrollToIndex : void 0
   });
   const popup = /* @__PURE__ */ import_react.default.createElement(
     import_options.default,
@@ -196,7 +208,11 @@ var Select = (baseprops) => {
       selectedKeys: mergedValue,
       dataTestId: rest["data-testid"],
       onSelect: handleSelect,
-      ref: popupRef
+      ref: popupRef,
+      virtual,
+      itemHeight,
+      listHeight,
+      virtualApiRef
     }
   );
   return /* @__PURE__ */ import_react.default.createElement(

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

@@ -8,6 +8,17 @@
     overflow: auto;
   }
 
+  // Virtual mode: the popup no longer scrolls itself; the inner viewport does.
+  // Without this override there would be two scrollbars.
+  &-popup-virtual {
+    max-height: none;
+    overflow: visible;
+  }
+
+  &-popup-viewport {
+    overflow-y: auto;
+  }
+
   &-option {
     display: flex;
     padding: var(--yee-select-option-padding);
@@ -37,20 +48,13 @@
     }
   }
 
-  &-empty {
-    padding: var(--yee-select-option-padding);
-  }
-}
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
+  // In virtual mode each option has a fixed inline height; center its content
+  // vertically so it stays aligned regardless of the inherited line-height.
+  &-popup-virtual &-option {
+    align-items: center;
   }
-}
 
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
+  &-empty {
+    padding: var(--yee-select-option-padding);
   }
 }

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

@@ -5,8 +5,7 @@
   box-sizing: border-box;
   width: 100%;
   padding: var(--yee-selector-padding);
-  border: var(--yee-selector-border-width) solid
-    var(--yee-selector-border-color);
+  border: var(--yee-selector-border-width) solid var(--yee-input-border-color);
   border-radius: var(--yee-selector-border-radius);
 
   &-small {
@@ -145,7 +144,7 @@
 
   &:not(@{pls}-disabled) {
     &:hover {
-      border-color: var(--yee-selector-hover-border-color);
+      border-color: var(--yee-input-hover-border-color);
     }
   }
 
@@ -206,137 +205,3 @@
     }
   }
 }
-
-// .yee-tags-searchable {
-//   cursor: text;
-
-//   .yee-tags-input-wrapper {
-//     width: 100%;
-//     padding: 0;
-//     border: none;
-//     outline: none;
-
-//     &:focus {
-//       border: none;
-//       box-shadow: none;
-//     }
-//   }
-
-//   .yee-tags-icon {
-//     width: auto;
-//   }
-// }
-
-// .yee-tags-single-mode {
-//   height: var(--yee-tags-height);
-
-//   .yee-tags-input-container {
-//     position: absolute;
-//     z-index: -1;
-//     width: 100%;
-//     font-size: var(--yee-tags-input-font-size);
-//     line-height: var(--yee-tags-input-line-height);
-
-//     input {
-//       width: 100%;
-//     }
-//   }
-
-//   &.yee-tags-searchable {
-//     .yee-tags-single-option {
-//       width: 100%;
-//     }
-
-//     .yee-tags-container {
-//       &:focus-within,
-//       &:focus {
-//         .yee-tags-input-container {
-//           z-index: 1;
-//           opacity: var(--yee-tags-input-focus-opacity);
-
-//           &.has-value {
-//             opacity: 1;
-
-//             + .yee-tags-single-option {
-//               display: none;
-//             }
-//           }
-//         }
-
-//         .yee-tags-single-option {
-//           opacity: var(--yee-tags-single-option-focus-opacity);
-//         }
-//       }
-//     }
-//   }
-// }
-
-// .yee-tags-multi-mode {
-//   height: auto;
-//   min-height: var(--yee-tags-multi-min-height);
-
-//   &.yee-tags-searchable {
-//     .yee-tag {
-//       max-width: var(--yee-tags-multi-tag-max-width);
-//       height: var(--yee-tags-multi-tag-height);
-//     }
-//   }
-
-//   .yee-tags-container {
-//     flex-wrap: wrap;
-//   }
-
-//   .yee-tags-input-container {
-//     display: inline-grid;
-//     // color: var(--yee-tags-input-container-font-color);
-//     flex: 1 1 auto;
-//     grid-area: 1 / 1 / 2 / 3;
-//     grid-template-columns: 0 min-content;
-//     box-sizing: border-box;
-//     height: var(--yee-tags-multi-input-height);
-
-//     &::after {
-//       grid-area: 1 / 2 / auto / auto;
-//       min-width: var(--yee-tags-multi-input-after-min-width);
-//       margin: 0;
-//       padding: 0;
-//       font: inherit;
-//       white-space: pre;
-//       border: 0;
-//       outline: 0;
-//       visibility: hidden;
-//       content: attr(data-value) ' ';
-//     }
-
-//     & > input {
-//       grid-area: 1 / 2 / auto / auto;
-//       width: 100%;
-//       min-width: var(--yee-tags-multi-input-min-width);
-//       height: var(--yee-tags-multi-input-height);
-//       margin: 0;
-//       padding: 0;
-//       font: inherit;
-//       background-color: transparent;
-//       border: 0;
-//       outline: 0;
-//       opacity: 1;
-//     }
-//   }
-// }
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:hover {
-      border-color: var(--yee-error-color-hover);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

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

@@ -23,13 +23,32 @@
           var(--yee-table-tbody-td-borderbottom-color);
       }
     }
+
+    @{pls}-cell {
+      &::before {
+        display: none;
+      }
+    }
   }
 
   &-thead {
     color: var(--yee-table-thead-color);
 
     @{pls}-cell {
+      position: relative;
       background-color: var(--yee-table-thead-bg-color);
+
+      &:not(:last-child):not(@{pls}-expand-col) {
+        &::before {
+          position: absolute;
+          content: '';
+          width: 1.5px;
+          height: 30%;
+          top: 35%;
+          right: 0;
+          background-color: var(--yee-table-head-cell-split-line-color, #eee);
+        }
+      }
     }
 
     &-cell {

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

@@ -98,20 +98,3 @@
     cursor: not-allowed;
   }
 }
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:hover {
-      border-color: var(--yee-error-color-hover);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

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

@@ -16,4 +16,5 @@ import useMount from './useMount';
 import usePrevious from './usePrevious';
 import useUpdateEffect from './useUpdateEffect';
 import useVirtualForm from './useVirtualForm';
-export { useBreakpoint, useDebounceFunction, useDebounceValue, useDeepCompareEffect, useDeepCompareMemo, useDeepCompareMemoize, useDelayState, useEsc, useEvent, useIntersectionObserver, useKeyControl, useLatest, useLayoutEffect, useMergedState, useMount, usePrevious, useUpdateEffect, useVirtualForm, };
+import useVirtualList from './useVirtualList';
+export { useBreakpoint, useDebounceFunction, useDebounceValue, useDeepCompareEffect, useDeepCompareMemo, useDeepCompareMemoize, useDelayState, useEsc, useEvent, useIntersectionObserver, useKeyControl, useLatest, useLayoutEffect, useMergedState, useMount, usePrevious, useUpdateEffect, useVirtualForm, useVirtualList, };

package/dist/cjs/hooks/index.js

@@ -46,7 +46,8 @@ __export(hooks_exports, {
   useMount: () => import_useMount.default,
   usePrevious: () => import_usePrevious.default,
   useUpdateEffect: () => import_useUpdateEffect.default,
-  useVirtualForm: () => import_useVirtualForm.default
+  useVirtualForm: () => import_useVirtualForm.default,
+  useVirtualList: () => import_useVirtualList.default
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_useBreakpoint = __toESM(require("./useBreakpoint"));
@@ -67,3 +68,4 @@ var import_useMount = __toESM(require("./useMount"));
 var import_usePrevious = __toESM(require("./usePrevious"));
 var import_useUpdateEffect = __toESM(require("./useUpdateEffect"));
 var import_useVirtualForm = __toESM(require("./useVirtualForm"));
+var import_useVirtualList = __toESM(require("./useVirtualList"));

package/dist/cjs/hooks/useEvent.js

@@ -39,7 +39,10 @@ function useEvent(callback) {
   const memoFn = import_react.default.useCallback(
     (...args) => {
       var _a;
-      return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
+      return (_a = ref.current) == null ? void 0 : _a.call(
+        ref,
+        ...args
+      );
     },
     []
   );

package/dist/cjs/hooks/useVirtualList.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+export interface UseVirtualListOptions {
+    /**
+     * Total number of items in the list.
+     */
+    itemCount: number;
+    /**
+     * Fixed height of every item in pixels.
+     */
+    itemHeight: number;
+    /**
+     * Extra items rendered above and below the visible window
+     * to avoid white flashes while scrolling.
+     * @default 4
+     */
+    overscan?: number;
+}
+export interface UseVirtualListResult {
+    /**
+     * Inclusive start index of the render window (already includes overscan).
+     */
+    start: number;
+    /**
+     * Exclusive end index of the render window (already includes overscan).
+     */
+    end: number;
+    /**
+     * Vertical offset to apply to the rendered block, equal to `start * itemHeight`.
+     * Use it as `transform: translateY(offsetY)` or `top: offsetY`.
+     */
+    offsetY: number;
+    /**
+     * Total scrollable height, equal to `itemCount * itemHeight`.
+     * Apply it to the inner spacer element so the scrollbar matches the full list.
+     */
+    totalHeight: number;
+    /**
+     * Ref to bind to the scroll container element.
+     */
+    viewportRef: React.RefObject<HTMLDivElement | null>;
+    /**
+     * Stable scroll handler (rAF-throttled). Bind to the viewport's `onScroll`.
+     */
+    onScroll: () => void;
+    /**
+     * Scroll the viewport so that the item at `index` is visible.
+     * Used by keyboard navigation to replace `scrollIntoView`.
+     */
+    scrollToIndex: (index: number) => void;
+}
+/**
+ * Fixed-height virtual scrolling hook.
+ *
+ * Renders only the items inside the visible window (plus an `overscan` buffer)
+ * and keeps the DOM node count constant regardless of `itemCount`.
+ *
+ * Usage:
+ *   const { start, end, offsetY, totalHeight, viewportRef, onScroll, scrollToIndex } =
+ *     useVirtualList({ itemCount, itemHeight });
+ *
+ *   <div ref={viewportRef} onScroll={onScroll} style={{ maxHeight: 200, overflowY: 'auto' }}>
+ *     <div style={{ height: totalHeight, position: 'relative' }}>
+ *       {items.slice(start, end).map((it, i) => (
+ *         <div key={it.key} style={{ position: 'absolute', height: itemHeight, transform: `translateY(${offsetY + i * itemHeight}px)` }}>
+ *           {it.content}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   </div>
+ */
+export default function useVirtualList({ itemCount, itemHeight, overscan, }: UseVirtualListOptions): UseVirtualListResult;

package/dist/cjs/hooks/useVirtualList.js

@@ -0,0 +1,117 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useVirtualList.ts
+var useVirtualList_exports = {};
+__export(useVirtualList_exports, {
+  default: () => useVirtualList
+});
+module.exports = __toCommonJS(useVirtualList_exports);
+var import_react = require("react");
+var import_useEvent = __toESM(require("./useEvent"));
+var import_useResizeObserver = __toESM(require("./useResizeObserver"));
+function useVirtualList({
+  itemCount,
+  itemHeight,
+  overscan = 4
+}) {
+  const [scrollTop, setScrollTop] = (0, import_react.useState)(0);
+  const [visibleHeight, setVisibleHeight] = (0, import_react.useState)(0);
+  const rafRef = (0, import_react.useRef)(null);
+  const { ref: viewportRef } = (0, import_useResizeObserver.default)((entries) => {
+    const entry = entries[0];
+    if (!entry)
+      return;
+    const h = entry.contentRect.height;
+    setVisibleHeight((prev) => prev === h ? prev : h);
+  });
+  const totalHeight = itemCount * itemHeight;
+  const readViewport = (0, import_useEvent.default)(() => {
+    const viewport = viewportRef.current;
+    if (!viewport)
+      return;
+    const top = viewport.scrollTop;
+    const h = viewport.clientHeight;
+    setScrollTop((prev) => prev === top ? prev : top);
+    setVisibleHeight((prev) => prev === h ? prev : h);
+  });
+  const onScroll = (0, import_useEvent.default)(() => {
+    if (rafRef.current !== null)
+      return;
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = null;
+      readViewport();
+    });
+  });
+  (0, import_react.useEffect)(
+    () => () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    },
+    []
+  );
+  (0, import_react.useEffect)(() => {
+    readViewport();
+  }, [readViewport]);
+  (0, import_react.useEffect)(() => {
+    const viewport = viewportRef.current;
+    if (!viewport)
+      return;
+    const maxScroll = Math.max(0, totalHeight - viewport.clientHeight);
+    if (viewport.scrollTop > maxScroll) {
+      viewport.scrollTop = maxScroll;
+      setScrollTop(maxScroll);
+    }
+  }, [totalHeight, viewportRef]);
+  const scrollToIndex = (0, import_useEvent.default)((index) => {
+    const viewport = viewportRef.current;
+    if (!viewport)
+      return;
+    const maxScroll = Math.max(0, totalHeight - viewport.clientHeight);
+    const target = Math.min(Math.max(0, index * itemHeight), maxScroll);
+    if (viewport.scrollTop !== target) {
+      viewport.scrollTop = target;
+    }
+    readViewport();
+  });
+  const effectiveVisibleHeight = visibleHeight || itemHeight;
+  const visibleCount = Math.ceil(effectiveVisibleHeight / itemHeight);
+  const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
+  const end = Math.min(itemCount, start + visibleCount + overscan * 2);
+  const offsetY = start * itemHeight;
+  return {
+    start,
+    end,
+    offsetY,
+    totalHeight,
+    viewportRef,
+    onScroll,
+    scrollToIndex
+  };
+}

package/dist/cjs/style/size.css

@@ -246,6 +246,7 @@
   --yee-drawer-body-padding: 20px 24px;
   --yee-drawer-close-top: 20px;
   --yee-drawer-close-right: 20px;
+  --yee-drawer-title-font-weight: 500;
 
   /* --Field-- */
   --yee-field-gap: 8px;

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-07-03T02:41:11.107Z
+ * Generated on 2026-07-07T06:37:47.907Z
  */
 
 /* ========== 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-07-03T02:41:11.107Z
+ * Generated on 2026-07-07T06:37:47.907Z
  */
 
 /* ========== color.css ========== */
@@ -1364,6 +1364,7 @@
   --yee-drawer-body-padding: 20px 24px;
   --yee-drawer-close-top: 20px;
   --yee-drawer-close-right: 20px;
+  --yee-drawer-title-font-weight: 500;
 
   /* --Field-- */
   --yee-field-gap: 8px;

package/dist/cjs/version.d.ts

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

package/dist/cjs/version.js

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

package/dist/esm/Button/button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonProps } from './interface';
 import './style/index.less';
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;

package/dist/esm/CSV/download.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { CSVDownloderProps } from './interface';
-declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Link;

package/dist/esm/Carousel/carousel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { CarouselProps } from './interface';
+import type { CarouselContextProps, CarouselProps } from './interface';
 import './style/index.less';
-export declare const CarouselCtx: React.Context<any>;
+export declare const CarouselCtx: React.Context<CarouselContextProps>;
 declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
 export default Carousel;

package/dist/esm/Carousel/carousel.js

@@ -27,7 +27,11 @@ import mergeContextToProps from "../utils/mergeContextToProps";
 import Item from "./carousel-item";
 import "./style/index.less";
 var DEFAULT_ANIMATION_DURATION = 500;
-export var CarouselCtx = /*#__PURE__*/React.createContext({});
+export var CarouselCtx = /*#__PURE__*/React.createContext({
+  prefixCls: 'yee-carousel',
+  effect: 'scrollx',
+  current: 1
+});
 var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   var _useContext = useContext(GlobalContext),
     carousel = _useContext.carousel;

package/dist/esm/Carousel/interface.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 export type SemanticDOM = 'dot' | 'prev' | 'next';
+export interface CarouselContextProps {
+    prefixCls: string;
+    effect: 'fade' | 'scrollx';
+    current: number;
+}
 export interface CarouselItemProps {
     index: number;
     style?: React.CSSProperties;

package/dist/esm/Dialog/demo/basic.js

@@ -30,7 +30,7 @@ export default (function () {
       // form.resetFields();
     },
     onConfirm: function onConfirm() {
-      return form.submit();
+      return void form.submit();
     }
   }, /*#__PURE__*/React.createElement(Form, {
     form: form,

package/dist/esm/Dialog/dialog.js

@@ -116,7 +116,7 @@ var Dialog = function Dialog(baseprops) {
   useFocusManage(contentRef.current, delayOpen);
   var cls = clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-open"), delayOpen), "".concat(prefixCls, "-fullscreen"), fullscreen));
   var renderFooter = function renderFooter() {
-    if (footer === false) {
+    if (footer === false || footer === null) {
       return null;
     }
     if (footer === true || footer === undefined) {

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

@@ -37,6 +37,10 @@
     padding: var(--yee-drawer-header-padding);
   }
 
+  &-title {
+    font-weight: var(--yee-drawer-title-font-weight);
+  }
+
   &-body {
     flex: 1;
     padding: var(--yee-drawer-body-padding);